当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JavaScript编程开发中jquery获取radio值实例教程

JavaScript编程开发中jquery获取radio值实例教程

2019年03月26日  | 移动技术网IT编程  | 我要评论

本文实例讲述了jquery获取radio值的方法，分享给大家供大家参考。具体如下：

单选组radio：

代码如下:

$("input[@type=radio][@checked]").val();

 

单选组 radio：

代码如下:

$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

 

获取一组radio被选中项的值

代码如下:

var item = $('input[@name=items][@checked]').val();

 

radio单选组的第二个元素为当前选中值

代码如下:

$('input[@name=items]').get(1).checked = true

 

jquery老的版本

代码如下:

var_name = $("input[@name='radio_name']:checked").val();


jquery 1.3以后的版本

代码如下:

var_name = $("input[name='radio_name']:checked").val();

 

获取radio值的jquery实例：

 

代码如下:

function getra(){

 

var_name = $("input[name='isspecialcnt']:checked").val();
//alert(var_name);
if(var_name=='1'){
$("#isspecialcntyes").show();
$("#isspecialcntno").hide();
}
if(var_name=='0'){
$("#isspecialcntyes").hide();
$("#isspecialcntno").show();
}
}

<form name="form1" method="post" action="">
<p>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_0">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_1">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_2">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_3">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_4">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_5">
单选</label>
<br>
</p>
</form>


您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网