获取复选框选被选中的值

 1 <html>
 2 <head>
 3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 4 <title></title>
 5 <script type="text/javascript" src="jquery-3.1.1.js"></script>
 6 </head>
 7 <body>
 8 
 9 <div><input type="radio" name="rad" value="1"/>111</div>
10 <div><input type="radio" name="rad" value="2"/>222</div>
11 <div><input type="radio" name="rad" value="3"/>333</div>
12 <div><input type="radio" name="rad" value="4"/>444</div>
13 <div><input type="radio" name="rad" value="5"/>555</div>
14 <div><input type="radio" name="rad" value="6"/>666</div>
15 <div><input type="radio" name="rad" value="7"/>777</div>
16 <div><input type="button" onclick="sub();" value="SUB"/></div>
17 
18 <script type="text/javascript">
19     function sub(){        
20         var obj = $('input:radio[name="rad"]:checked').val();
21         alert(obj);        
22     }
23 </script>
24 </body>
25 </html>

 

posted @ 2017-06-01 17:37  大瘦猴  阅读(421)  评论(0编辑  收藏  举报