码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2016-07-11 19:00:08      阅读:241      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!