欢迎光临
我们一直在努力
扫描二维码在手机上浏览

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
历史上的今天
三月
6
    哇哦~~~,历史上的今天没发表过文章哦
标签
喜欢就支持一下吧!!!
点赞0打赏分享
版权声明
本站文章除注明转载外,均为本站原创或翻译,欢迎任何形式的转载,但请务必注明出处,尊重他人劳动。
转载请注明:文章转载自:灵阳星空 » jquery 获取radio的选中事件
本文标题:jquery 获取radio的选中事件
本文日期:本文发表于 2020/03/06 13:51:19,最后更新于 2020/03/06 13:51:19,如内容失效,请反馈给我们,谢谢!
本文地址: https://www.jsksky.com/jquery-gets-the-selected-event-of-radio.html

网络臭虫

已发布508篇文章
吃得苦中苦,方为人上人,不卧薪藏胆,哪能苦尽甘来?点击进入我的网站了解更多有关我的信息。

评论 抢沙发

A 作者 M 管理员

评论前必须登录!

 


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏