JS 全选反选及判断是否是全选或全不选

本文主要是介绍JS 全选反选及判断是否是全选或全不选，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

<div class="right_nk_box"><div class="right_bg_box"><div><h2>JS 全选   反选及 判断是否是全选或全不选</h2></div><table width="100%" cellspacing="1" border="0" bgcolor="#d8dcdf" id="main_tab"><tbody><tr class="biaoge_td1"><td width="5%" class="biaoge_td3"><input type="checkbox" id="checkbox_main" name="checkbox_main" οnclick="checkAll();"><span>(全选/反选)</span></td></tr><tr class="biaoge_td2"><td bgcolor="#FFFFFF"><input type="checkbox" id="ck_1" name="checkbox" οnclick="unCheckAll();"></td></tr><tr class="biaoge_td2"><td bgcolor="#FFFFFF"><input type="checkbox" id="ck_1" name="checkbox" οnclick="unCheckAll();"></td></tr><tr class="biaoge_td2"><td bgcolor="#FFFFFF"><input type="checkbox" id="ck_1" name="checkbox" οnclick="unCheckAll();"></td></tr><tr class="biaoge_td2"><td bgcolor="#FFFFFF"><input type="checkbox" id="ck_1" name="checkbox" οnclick="unCheckAll();"></td></tr><tr class="biaoge_td2"><td bgcolor="#FFFFFF"><input type="checkbox" id="ck_1" name="checkbox" οnclick="unCheckAll();"></td></tr><tr class="biaoge_td2"><td bgcolor="#FFFFFF"><input type="checkbox" id="ck_1" name="checkbox" οnclick="unCheckAll();"></td></tr></tbody></table></div></div>

JS代码

     /*** 全选/反选*/
function checkAll(){var checkMain =  document.getElementById("checkbox_main");var code_Values = document.getElementsByName("checkbox");if(checkMain.checked){for(i = 0;i < code_Values.length;i++){if(code_Values[i].type == "checkbox"){code_Values[i].checked = true;}   }}else{for(j = 0;j < code_Values.length;j++){if(code_Values[j].type == "checkbox"){code_Values[j].checked = false;}   }}
}function unCheckAll(){var checkMain =  document.getElementById("checkbox_main");if(isAllCheckTrue()){checkMain.checked = true;}else{checkMain.checked = false;}
}/** 判断是否全选的方法*/
function isAllCheckTrue(){var code_Values = document.getElementsByName("checkbox");for(i = 0;i < code_Values.length;i++){if(!code_Values[i].checked){return false;}}return true;}/** 判断是否全不选的方法*/
function isAllCheckFalse(){var code_Values = document.getElementsByName("checkbox");for(i = 0;i < code_Values.length;i++){if(code_Values[i].checked){return false;}}return true;
}

这篇关于JS 全选反选及判断是否是全选或全不选的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！