首页 > 编程语言 > 详细

JavaScript、jQuery获取radio、checkbox选中的值

时间:2016-07-11 18:57:23      阅读:248      评论:0      收藏:0      [点我收藏+]
1 <div >
2     性别:<input type="radio" id="Radio1" name="rdoSex" value="男"/>3     <input type="radio" id="Radio2" name="rdoSex" value="女"/>4     <input type="button" id="btn1" value="click me"/><br/>
5     <input type="checkbox" name="play" id="ckb1" value="足球"/>足球
6     <input type="checkbox" name="play" id="ckb2" value="篮球"/>篮球
7     <input type="checkbox" name="play" id="ckb3" value="排球"/>排球
8 </div>

html代码如上

JavaScript、jQuery代码如下

技术分享
 1 $(function(){
 2             $("#btn1").click(function(){
 3                 //获取radio选中的值
 4                 var temp1=$("#Radio1").is(":checked")?"男":"女";
 5                 var temp2=(Radio1.checked)?"男":"女";
 6                 var temp3=$(‘input:radio[name="rdoSex"]:checked‘).val();
 7 
 8                 var play =""
 9                 //获取checkbox选中的值
10                 $("input[name=‘play‘]").each(function(){
11                     if(true==$(this).is(":checked"))
12                     {
13                         play+=$(this).attr(‘value‘);
14                     }
15                 });
16                 alert("play"+play);
17             });
18         });
View Code

 

JavaScript、jQuery获取radio、checkbox选中的值

原文:http://www.cnblogs.com/netqin/p/5660978.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!