jquery 获取radio的选中事件

最新推荐文章于 2025-10-19 19:19:49 发布

原创最新推荐文章于 2025-10-19 19:19:49 发布 · 2.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

js 专栏收录该内容

3 篇文章

订阅专栏

此页面允许用户通过选择定价类型来查看不同类型的详细信息。用户可以通过点击普通类型或特殊类型来显示相应的销售信息。

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