javascript全选反选功能

发布时间:2009-08-19 23:55:49 阅读:1126次

<script type="text/javascript" language="javascript">
        function selectBox(selectType){
        var checkboxis = document.getElementsByName("Checkbox");
        if(selectType == "reverse"){
            for (var i=0; i<checkboxis.length; i++){
                //alert(checkboxis[i].checked);               
                //checkboxis[i].checked = !checkboxis[i].checked;
    checkboxis[i].checked = false;
            }
        }
        else if(selectType == "all")
        {
  //alert(document.getElementsByName("Checkbox").length);
            for (var i=0; i<checkboxis.length; i++){
                //alert(checkboxis[i].checked);               
                checkboxis[i].checked = true;
            }
        }
     }
    
     function deleteSelect(){       
        var aryId = [];
        var checkboxis = document.getElementsByName("Checkbox");
        for (var i=0; i<checkboxis.length; i++){
            //alert(checkboxis[i].checked);
            if(checkboxis[i].checked)
                aryId.push(checkboxis[i].value);
        }
        if(aryId.length > 0)
        {
            if(confirm("该操作比较危险请慎重 确实要删除吗"))
            location.href = "deleteit.php?action=deleteQuestion&aryId=" + aryId.join(",");
   else
   //alert("您取消了");
   for (var i=0; i<checkboxis.length; i++){
            //alert(checkboxis[i].checked);               
            //checkboxis[i].checked = !checkboxis[i].checked;
   checkboxis[i].checked = false;
            }
        }
  else
        {
            alert("请选择要删除的记录!");
        }   
     }
     </script>

<form name="form1" action="" method="post">

<input type=checkbox name=checkbox id=checkbox value=1>

<input type=checkbox name=checkbox id=checkbox value=2>

<input type=checkbox name=checkbox id=checkbox value=3>

<input type=checkbox name=checkbox id=checkbox value=4>

<input type=checkbox name=checkbox id=checkbox value=5>

<input type=checkbox name=checkbox id=checkbox value=6>

<input id="Button3" type="button" value="全选" onClick="selectBox('all')" />
  <input id="Button1" type="button" value="反选" onClick="selectBox('reverse')" />
  <input id="Button2" type="button" value="删除所选" onClick="deleteSelect()" />

</form>

如有问题,可以QQ搜索群1028468525加入群聊,欢迎一起研究技术

支付宝 微信

有疑问联系站长,请联系QQ:QQ咨询

转载请注明:javascript全选反选功能 出自老鄢博客 | 欢迎分享