jquery 获取radio的选中事件

Html代码

<table>   
    <tr>
	<td width="140" class="label">
		定价类型:
	</td>
	<td>
		<input type="radio" name="price_type" checked="checked"
		id="price_type1"  value="1"  />
			普通类型
		<input type="radio" name="price_type" 
		id="price_type2"  value="1" />
			特殊类型
	</td>
</tr>
<tr id="sellInfo1" style="display:none;">
<TD>123</TD>
</tr>
<tr id="sellInfo2" style="display:none;">
<td>111</td>
</tr>
 </table>

JS代码

<script type="text/javascript" src="jquery-1.9.1.min.js"></script>  
<script type="text/javascript">  
$(function(){  
 showCont();  
 $("input[name=price_type]").click(function(){  
  showCont();  
 });  
});  
function showCont(){  
 switch($("input[name=price_type]:checked").attr("id")){  
  case "price_type1":  
   //alert("one");  
   $("#sellInfo2").hide();  
   $("#sellInfo1").show();  
   break;  
  case "price_type2":  
   $("#sellInfo1").hide();  
   $("#sellInfo2").show();  
   break;  
  default:  
   break;  
 }  
}  
</script>
© 版权声明
THE END
喜欢就支持一下吧
点赞15赞赏 分享
评论 抢沙发

请登录后发表评论