`

jquery 获取radio的选中事件

    博客分类:
  • js
 
阅读更多
<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>
 

 

分享到:
评论

相关推荐

    Jquery获取radio选中的值

    先给大家分享一篇关于Jquery获取radio选中的值的实例内容 Jquery获取radio选中值实例总结 https://www.jb51.net/article/154831.htm 话不多说,请看代码: &lt;!DOCTYPE ...

    Jquery获取radio选中值实例总结

    在本篇介绍Jquery获取radio选中值的实例总结中,将会详细地分享关于如何使用jQuery来选取和操作HTML中单选按钮(radio buttons)的方法。由于文章内容中有小部分OCR扫描错误,所以在讲解时会尽量保持原意且保证内容...

    jQuery中如何判断radio选中(4种方法)

    ### jQuery中如何判断radio选中(4种方法) 在Web开发中,经常需要处理表单数据,特别是用户交互部分的数据验证。对于`&lt;input type="radio"&gt;`元素来说,了解其选中状态是非常重要的,这有助于我们在前端进行逻辑...

    JQuery判断radio是否有选中,获取选中的值

    本文将深入探讨如何使用jQuery来判断单选按钮(radio)是否有被选中,并获取选中的值。 首先,我们需要理解HTML中的`&lt;input type="radio"&gt;`元素。在网页中,单选按钮通常用于提供一组互斥的选择选项,用户只能选择...

    jQuery获取radio选中项的值实例

    在本实例中,我们探讨的是如何使用jQuery获取单选按钮(radio)选中项的值。单选按钮通常用于提供用户从多个选项中选择一个的情况。 首先,让我们解析一下给出的代码片段: ```html &lt;script src="js/jquery-1.7.2....

    jquery获取radio值(单选组radio)

    获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); radio单选组的第二个元素为当前选中值 $(‘input[@name=items]’).get(1).checked = true 单选组 radio: $(“input[@type=radio...

    jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法

    使用jQuery获取选中值,可以使用`:checked`选择器来定位当前被选中的按钮,然后调用`.val()`方法获取其值。代码如下: ```javascript var selectedValue = $("input[name='likea']:checked").val(); ``` 这段代码...

    JQuery判断radio(单选框)是否选中和获取选中值方法总结

    主要介绍了JQuery判断radio(单选框)是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等...

    JQuery控制Radio选中方法分析

    在使用jQuery控制Radio选中方法时,最直接的方式是通过设置其checked属性为true或false。例如: ```javascript $(function(){ $("#Radio1").attr("checked", true); // 选中Radio1 $("#Radio2").attr("checked", ...

    如何使用jQUery获取选中radio对应的值(一句代码)

    标题提到的"如何使用jQuery获取选中radio对应的值(一句代码)",实际上就是通过jQuery选择器找到当前被选中的`radio`按钮,并获取其`value`属性。以下是对这个过程的详细解释: 首先,我们需要理解jQuery的选择器。...

    jquery获取input表单值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    jquery获取各种radio,checkbox,select的值等

    1. **jQuery获取Select的值**: - `$("#select_id").change(function() {...})`:此代码会为ID为`select_id`的select元素添加一个change事件监听器,当用户选择新的选项时,会执行函数内的代码。 - `var checkText...

    jquery获取表单值

    使用jQuery获取文本框的值非常简单: ```javascript var textVal = $("#text_id").val(); // 使用.val()方法获取值 ``` **注意:** `.val()` 方法是用来获取或设置表单元素的值的,而 `.attr("value")` 是用来获取...

    jquery判断单选按钮radio是否选中的方法

    本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下: html代码如下: &lt;input type="radio" id="d1" name="ra" value="a" checked="checked" /&gt; &lt;input type="radio" ...

    jQuery分别获取选中的复选框值

    本文将深入探讨如何使用jQuery来获取选中的复选框(checkbox)的值,同时也涵盖jQuery对其他HTML元素如下拉框(select)、单选按钮(radio)的处理方法。 首先,让我们关注标题提及的主题——"jQuery分别获取选中的...

    JQuery控制radio选中和不选中方法总结

    四、根据值设置radio选中 如果我们知道radio按钮的value值,可以通过以下方式设置其选中状态: ```javascript $("input[name='radio_name'][value='要选中Radio的Value值']").attr("checked", true); ``` 这段...

    jQuery获取选中单选按钮radio的值

    jQuery获取这些按钮的值主要依赖于选择器。首先,我们通过`$('#wrap input[name="payMethod"]')`来选取id为"wrap"的div内所有name为"payMethod"的输入元素。然后,使用`:checked`选择器来筛选出被选中的单选按钮,...

Global site tag (gtag.js) - Google Analytics