参考代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN"><HTML>
<HEAD>
<TITLE> 页面上多组单选题时，怎么用JQuery确定各组单选的选中值 </TITLE>
<script src="jquery-132minjs"></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-132minjs，放在同一目录下。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
楼上推荐的ajax方式可以，但是对你来说也许有点复杂，这个东西的基本方法是使用js控制页面元素的显示和隐藏就行了。例如
<input type="radio" onclick="documentgetElementById('manDiv')styledisplay='block';documentgetElementById('womenDiv')styledisplay='none';" checked="checked" />男<input type="radio" onclick="documentgetElementById('manDiv')styledisplay='none';documentgetElementById('womenDiv')styledisplay='block';" />女
<div id="manDiv">张三，李四</div>
<div id="womenDiv" style="display: none;">女1，女2</div>
即把所有姓名按照性别显示在两个div中，利用js控制它们的显示和隐藏就好了。
更精致的 *** 作、控制建议使用jQuery（一种js框架）。
比如
<table><tr>
<td><input type="checkbox" checked/></td>
<td>1</td>
</tr>
</table>
可以用以下代码获取到 1
$(function(){$("input:checked")parents('tr')find('td')eq(1)text();
})
以上就是关于jquery怎么得到多组单选框的值全部的内容，包括:jquery怎么得到多组单选框的值、请问：如何用jQuery取得checkboxlist组/RadioButtonList组选中的值、jquery 问题请教大神！ 页面有两个单选按钮，⊙男 ○女 如果选中的是男 点击后面的人员选择，则会出现男等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）