唯爱小粽子:js实现checkbox的全选和反选

来源:互联网 发布:微信群规制作软件 编辑:程序博客网 时间:2024/04/29 23:19

通过两种不同的方法实现用js来对checkbox进行全选和反选:

方法一:

1:js实现checkbox的  全选  功能:

function checkAll() 

var code_Values = document.getElementsByTagName("input"); 
for(i = 0;i < code_Values.length;i++){ 
if(code_Values[i].type == "checkbox") 

code_Values[i].checked = true; 



  

2:js实现checkbox的  反选 功能:

function uncheckAll() 

var code_Values = document.getElementsByTagName("input"); 
for(i = 0;i < code_Values.length;i++){ 
if(code_Values[i].type == "checkbox") 

code_Values[i].checked = false; 





方法二:


全选功能实现:

[javascript]
function checkAllViewable(bool){ 
     var boxs = document.getElementsByName("viewables"); 
     for (var i = 0; i < boxs.length; i++) { 
         if (boxs[i].type == "checkbox")  
             boxs[i].checked = bool; 
     } 
 } 

[javascript]
<a href="javascript: checkAllViewable(true)">全选</a> 




1 0
原创粉丝点击