复选框全选与反选

<script>
function selectit(){
//设置变量form的值为name等于select的表单
var form=document.select
//取得触发事件的按钮的name属性值
var action=event.srcElement.name
   for (var i=0;i<form.elements.length;i++){//遍历表单项
//将当前表单项form.elements[i]对象简写为e
      var e = form.elements[i]
//如果当前表单项的name属性值为iTo,
//执行下一行代码。限定脚本处理的表单项范围。
      if (e.name == "iTo")
/*如果单击事件发生在name为selectall的按钮上,就将当前表单项的checked属性设为true(即选中),否则设置为当前设置的相反值(反选)*/
         e.checked =(action=="selectall")?(form.selectall.checked):(!e.checked) 
      }
}
</script>
<form name="select">
<INPUT type="checkbox" name="selectall" onclick="selectit()">全选
<INPUT type="checkbox" name="Inverse" onclick="selectit()">反选
<INPUT type="checkbox" name="iTo" value="1">1
<INPUT type="checkbox" name="iTo" value="2">2
<INPUT type="checkbox" name="iTo" value="3">3
<INPUT type="checkbox" name="iTo" value="4">4
<INPUT type="checkbox" name="iTo" value="5">5
</form>

你可能感兴趣的:(复选框)