全选/反选

 1、JS

<script language="javascript">

function _selectall(checkbox2){

        var cForm = document.theForm;

        if(cForm.checkbox2.checked==true){

            for(var i=0;i<cForm.elements.length;i++){

                if(cForm.elements[i].type=="checkbox"){

                    cForm.elements[i].checked=true;

                }

            }

        }

        else if(cForm.checkbox2.checked==false){

            for(var i=0;i<cForm.elements.length;i++){

                if(cForm.elements[i].type=="checkbox"){

                    cForm.elements[i].checked=false;

                }

            }

        }

    }

</script>

<form name="theForm">

<table>

<tr>

<td><input type="checkbox" name="selectedObjectIds" value="id1"/></td>

</tr>

<tr>

<td><input type="checkbox" name="selectedObjectIds" value="id2"/></td>

</tr>

<tr>

<td><input type="checkbox" name="selectedObjectIds" value="id3"/></td>

</tr>

<tr>

<td><input type="checkbox" id="checkbox2" name="checkbox2" onclick="_selectall(checkbox2)"/>全选/反选</td>

</tr>

</table>

</form>

 2、JQUERY

$("#checkbox2").click(function() {

if ($(this).attr('checked')) {

$(this).attr('checked', true);

$('[name=selectedObjectIds]:checkbok').attr('checked', true);

} else {

$(this).attr('checked', false);

$('[name=selectedObjectIds]:checkbok').attr('checked', false);

}

});

 

你可能感兴趣的:(全选)