Question

怎么实现单行checkbox全选和反选

利用javascript实现
点击用户管理那一列使后边的都被选中

Answer 1

<input name='a' type='checkbox' value='1' >
<input name='a' type='checkbox' value='2' >
<input name='a' type='checkbox' value='2' >
<input name='a' type='checkbox' value='2' >
<input name='a' type='checkbox' value='2' >

<input type="button" id="all" value="全选" onclick="all()"/>
<input type="button" id="fan" value="反选" onclick="fan()"/>
<script>
    function all(){
            //var cb = document.getElementsByTagName('input');也可以用这个
        var cb= document.getElementsByName('a');
        for(var i = 0; i < cb.length; i++){
            cb[i].checked = true;
        }
    }
    function fan(){
        var cb= document.getElementsByName('a');
        for(var i = 0; i < cb.length; i++){
            if(cb[i].checked == true){
                  cb[i].checked = false;
            }else{
                cb[i].checked = true;
            }
        }
    }
</script>

------------------

改，像这样子的话，每给checkbox的名称都不能一样的、那么你就只能通过 

<input type="button" id="all" value="全选" onclick="all('ab')"/>传值的方式来实现

function all(objName){

    var cb= document.getElementsByName(objName);

}