jquery怎么得到多组单选框的值
推荐于2016-04-30
参考代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 页面上多组单选题时,怎么用JQuery确定各组单选的选中值 </TITLE>
<script src="jquery-1.3.2.min.js"></script>
<SCRIPT LANGUAGE="JavaScript">
$(function(){
//为指定name的radio设置选中值
var param1=2;
var param2=1;
$(":radio[name=radio1][value="+param1+"]").attr("checked","true");//指定value的选项为选中项
$(":radio[name=radio2][value="+param2+"]").attr("checked","true");
//取值
$("#btn").click(function(){
var radio1Value=$(":radio[name='radio1']:checked").val();
var radio2Value=$(":radio[name='radio2']:checked").val();
//测试
alert("第一组单选值:"+radio1Value);
alert("第二组单选值:"+radio2Value);
});
});
</SCRIPT>
</HEAD>
<BODY>
<p>第一组选择</p>
<input type="radio" name="radio1" value="1">
<input type="radio" name="radio1" value="2">
<p>第二组选择</p>
<input type="radio" name="radio2" value="1">
<input type="radio" name="radio2" value="2">
<br/>
<button id="btn">选完后点击我测试</button>
</BODY>
</HTML>
注意:代码直接复制保存,先下载包jquery-1.3.2.min.js,放在同一目录下。
参考代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 页面上多组单选题时,怎么用JQuery确定各组单选的选中值 </TITLE>
<script src="jquery-1.3.2.min.js"></script>
<SCRIPT LANGUAGE="JavaScript">
$(function(){
//为指定name的radio设置选中值
var param1=2;
var param2=1;
$(":radio[name=radio1][value="+param1+"]").attr("checked","true");//指定value的选项为选中项
$(":radio[name=radio2][value="+param2+"]").attr("checked","true");
//取值
$("#btn").click(function(){
var radio1Value=$(":radio[name='radio1']:checked").val();
var radio2Value=$(":radio[name='radio2']:checked").val();
//测试
alert("第一组单选值:"+radio1Value);
alert("第二组单选值:"+radio2Value);
});
});
</SCRIPT>
</HEAD>
<BODY>
<p>第一组选择</p>
<input type="radio" name="radio1" value="1">
<input type="radio" name="radio1" value="2">
<p>第二组选择</p>
<input type="radio" name="radio2" value="1">
<input type="radio" name="radio2" value="2">
<br/>
<button id="btn">选完后点击我测试</button>
</BODY>
</HTML>
注意:代码直接复制保存,先下载包jquery-1.3.2.min.js,放在同一目录下。
function test()
{
var commend = document.getElementsByName("commend");
for(var i=0;i<commend.length;i++)
{
if(theForm.commend[i].checked)
{
commend = commend[i].value;
}
}
alert("单选框的值为:"+commend);
}
</script>
<form name="theForm" onsubmit="test()">
<input type="radio" name="commend" value="1">正确
<input type="radio" name="commend" value="0">错误
<input type="submit" >
</form>
$("input[@type=radio][@checked]").val(); // 取所选值
$("input[@type=radio]").attr("checked",'2');//设置选中项