欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-08 23:56:46
本文实例讲述了jquery获取radio值的方法,分享给大家供大家参考。具体如下: 单选组radio: 代码如下: $("input[@type=radio][@...

本文实例讲述了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>