`

JS jQuery分别获取选中checkbox的值

 
阅读更多

 

Html代码  收藏代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3. <head>  
  4. <style>  
  5.   
  6. </style>  
  7. <title>JS获取复选框被选中的值</title>  
  8. </head>  
  9. <body>  
  10. <input type="checkbox" name="test" value="0" />0&nbsp;&nbsp;  
  11. <input type="checkbox" name="test" value="1" />1&nbsp;&nbsp;  
  12. <input type="checkbox" name="test" value="2" />2&nbsp;&nbsp;  
  13. <input type="checkbox" name="test" value="3" />3&nbsp;&nbsp;  
  14. <input type="checkbox" name="test" value="4" />4&nbsp;&nbsp;  
  15. <input type="checkbox" name="test" value="5" />5&nbsp;&nbsp;  
  16. <input type="checkbox" name="test" value="6" />6&nbsp;&nbsp;  
  17. <input type="checkbox" name="test" value="7" />7&nbsp;&nbsp;  
  18. <input type="button" onclick="chk()" value="提  交" />  
  19. </body>  
  20. </html>  

 

Js代码  收藏代码
  1. <script src="jquery.js"></script><!--这是载入jquery.js文件，如果不使用jquery可以去掉-->  
  2. <script>  
  3. function chk(){  
  4.   var obj=document.getElementsByName('test');  //选择所有name="'test'"的对象，返回数组  
  5.   //取到对象数组后，我们来循环检测它是不是被选中  
  6.   var s='';  
  7.   for(var i=0; i<obj.length; i++){  
  8.     if(obj[i].checked) s+=obj[i].value+',';  //如果选中，将value添加到变量s中  
  9.   }  
  10.   //那么现在来检测s的值就知道选中的复选框的值了  
  11.   alert(s==''?'你还没有选择任何内容！':s);  
  12. }  
  13.   
  14. function jqchk(){  //jquery获取复选框值  
  15.   var chk_value =[];  
  16.   $('input[name="test"]:checked').each(function(){  
  17.    chk_value.push($(this).val());  
  18.   });  
  19.   alert(chk_value.length==0 ?'你还没有选择任何内容！':chk_value);  
  20. }  
  21. </script>  

 

分享到：
| jQuery UI draggable+droppable+resizable+ ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics