JS 全选 反选及 判断是否是全选或全不选
<div cellspacing="1" border="0" bgcolor="#d8dcdf" id="main_tab">
??????????????? <tbody>
??????????????? <tr id="checkbox_main" name="checkbox_main" onclick="checkAll();">
??????????????? ??? <span>(全选/反选)</span></td>
??????????????? ??? </tr>
??????????????? ??? <tr id="ck_1" name="checkbox" onclick="unCheckAll();"></td>
??????????????? ??? </tr>
??????????????? ??? <tr id="ck_1" name="checkbox" onclick="unCheckAll();"></td>
??????????????? ??? </tr>
??????????????? ??? <tr id="ck_1" name="checkbox" onclick="unCheckAll();"></td>
??????????????? ??? </tr>
??????????????? ??? <tr id="ck_1" name="checkbox" onclick="unCheckAll();"></td>
??????????????? ??? </tr>
??????????????? ??? <tr id="ck_1" name="checkbox" onclick="unCheckAll();"></td>
??????????????? ??? </tr>
??????????????? ??? <tr id="ck_1" name="checkbox" onclick="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;
}
