当前位置:asp编程网>技术教程>Javascript教程>  正文

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

2012-05-25 10:38:59   来源:www.aspbc.com    作者:wangsdong   浏览量:8011   收藏

使用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>
(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)

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



关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网