jsはcheckboxの全選択とキャンセルを実現し、サブチェックボックスの全選択も自動的に選択されます.

1276 ワード

checkeboxはすべて選択され、サブチェックボックスは単一で全て選択された後、全選択枠も選択されます.

  
1
2
3
4




    //    ,       
    function demo(){
        var allcheck=document.getElementById("allcheck");
        var choice=document.getElementsByName("choice");
        for(var i=0;i<choice.length;i++){
            choice[i].checked=allcheck.checked;
        }
    }

    //      ,      、  
    function setAll(){
        if(!$(".checknum").checked){
            $("#allcheck").prop("checked",false); //          ,      
        }
        var choicelength=$("input[type='checkbox'][class='checknum']").length;
        var choiceselect=$("input[type='checkbox'][class='checknum']:checked").length;

        if(choicelength==choiceselect){
            $("#allcheck").prop("checked",true);   //           ,      ;1.  HTML          DOM  ,    ,  attr  ;2.  HTML            ,    ,  prop  。
        }

    }