javascript全选和反选

 JS全选和反选

<script src="prototype.js" language="javascript"></script>
<script language="javascript">
function checkAll()
...{
    for(var i = 0; i < document.form.checkName.length; i++)
        document.form.checkName[i].checked = 1;
       $('check').hide();
       $('clear').show();
}
function clearAll()
...{
    for(var i = 0; i < document.form.checkName.length; i++)
        document.form.checkName[i].checked = 0;
       $('clear').hide();
       $('check').show();
}
</script>

 

<div id="check"><button onClick="javascript: checkAll();">全选</button></div>
<div id="clear" style="display:none"><button onClick="javascript: clearAll();">反选</button></div>
<form name="form">
<input name="checkName" type="checkbox"/>test1<br />
<input name="checkName" type="checkbox"/>test2
</form>