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

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

 

posted @ 2016-07-11 17:22  qinpei  阅读(320)  评论(0)  编辑  收藏  举报