jQuery技术

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

字号+ 作者:H5之家 来源:H5之家 2017-01-19 17:01 我要评论( )

Jquery同组单选框(radio)选中(赋值)和获取单选框选中的值,Js教程,技术教程,asp编程网

使用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" value="a">第一组第一项 <input type="radio" value="b">第一组第二项 <p>第二组选择</p> <input type="radio" value="1">第二组第一项 <input type="radio" value="2">第二组第二项 <br/> <button>选完后点击我测试</button> (鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)

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

感谢wangsdong投稿    
的教程

下一篇:jquery清空select下拉框里的所有选项

上一篇:jquery设置单选框、复选框、下拉框的选中状态

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评