jquery 获取radio的选中事件

最新推荐文章于 2024-07-30 03:31:48 发布

刘俊强

最新推荐文章于 2024-07-30 03:31:48 发布

阅读量2.9k

点赞数

分类专栏： js 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/u014635691/article/details/84756897

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<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>

<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>