html checkbox全選択と逆選択

3331 ワード

check box

このブログを記録したのは、私が完全にjqueryを使って、自分の望む結果を実現できないからです(1つのcheckboxの選択または選択しないことで他の複数のcheckbox状態を制御します)

<input type="checkbox" name="test" />       

<input type="checkbox" name="test" />  

<input type="checkbox" name="test" />       

<input type="checkbox" name="test" />    

<input type="checkbox" name="test" />    

<input type="button" value="  /  " id="btn" />

var btn = document.getElementById("btn");

var test = document.getElementsByName("test");

btn.onclick = function(){

    for(var i=1; i<=test.length; i+=1){

        if(test[i-1].checked){

            test[i-1].checked = false;

        }else{

            test[i-1].checked = true;

        }

    }

};

Fish Lang