欢迎光临
我们一直在努力

Jquery同组单选框(radio)选中(赋值)和获取单选框选中的值

建站超值云服务器,限时71元/月

使用jquery获取同组单选框中被选中项的value和让同一组单选框中某项选中(赋值)很方便,比起来Javascript方便多了,使用的具体方法如下:

<script src="http://www.aspbc.com/js/jquery.js"></script>
<SCRIPT type="text/JavaScript">
$(function(){
	//为指定name的radio设置选中值
	$(":radio[name=radio1][value='b']").attr("checked","true");
	$(":radio[name=radio2][value=2]").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>
<p>第一组选择</p>
<input type="radio" name="radio1" value="a">第一组第一项
<input type="radio" name="radio1" value="b">第一组第二项
<p>第二组选择</p>
<input type="radio" name="radio2" value="1">第二组第一项
<input type="radio" name="radio2" value="2">第二组第二项
<br/>
<button id="btn">选完后点击我测试</button>

(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)

点击测试按纽试试,是不是很容易。

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » Jquery同组单选框(radio)选中(赋值)和获取单选框选中的值
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址