jquery怎么得到多组单选框的值

表单中有多组单选框,我绑定了一个onclick事件,我判断他是不是选中了,然后得到他选中的值... 表单中有多组单选框,我绑定了一个onclick事件,我判断他是不是选中了,然后得到他选中的值 展开
 我来答
匿名用户
推荐于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,放在同一目录下。

劳水仝瀚文
2020-02-29 · TA获得超过3735个赞
知道大有可为答主
回答量:3162
采纳率:32%
帮助的人:171万
展开全部

参考代码如下:
<!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,放在同一目录下。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
xiatianup
2013-07-31 · 超过18用户采纳过TA的回答
知道答主
回答量:66
采纳率:0%
帮助的人:41.8万
展开全部
<script language="javascript" type="text/javascript">
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>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
cqh46
推荐于2018-03-10 · TA获得超过3292个赞
知道大有可为答主
回答量:2149
采纳率:100%
帮助的人:1260万
展开全部
$("input[@type=radio][@checked]").val(); // 取所选值
$("input[@type=radio]").attr("checked",'2');//设置选中项
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式