页面上多组单选框，用JQuery为各组单选框赋值和取值

时间 2019-11-15

原文原文链接

例子：（代码直接复制保存，注意：先下载包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="JavaS cript">
$(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>