点击checkbox让checkboxlist全选

Question

如题：我页面上不指一个checkbox ，如果让一个选中其他全部选中？用js实现怎么弄

Answer 1

function SelectAllNum(cbAll){
        var gvGrid = document.getElementById("<%=gvInfos.ClientID %>");
        if(cbAll.checked){
            for (i = 1; i < gvGrid.rows.length; i++) {
                gvGrid.rows[i].cells[0].getElementsByTagName("INPUT")[0].checked = true;
            }
        }
        else{
            for(i = 1;i < gvGrid.rows.length;i++){
                gvGrid.rows[i].cells[0].getElementsByTagName("INPUT")[0].checked = false;
            }
        }
   }

Answer 2

在checkbox中增加 onClick="checkClick(this);";
function checkClick(obj){
  if (obj.checked) {
   var checkboxarr=document.getElementsByTagName("checkbox");   for (var i=0; i < checkboxarr.length; i++) {     checkboxarr[i].checked =true;
   }
  }
} 

Answer 3

<input type="checkbox" id="chkSelect" onclick="allSelect()" /> //点击这个，全选下面三个<input type="checkbox" id="chk1" />
<input type="checkbox" id="chk2" />
<input type="checkbox" id="chk3" /><scrip type="text/javascript">
function allSelect()
{
    var objs = document.getElementsByTagName("INPUT");
    for(var i=0;i<objs.length;i++)
    {
        if(objs[i].type=="checkbox" && objs[i].id!="chkSelect")
        {
            objs[i].checked = document.getElementById("chkSelect").checked;
        }
    }
}
</script>

Answer 4

    function chkallclick() {
        if (event.srcElement.name = "chkItemAll") {
            for (i = 0; i < document.getElementsByName("chkDel").length; i++) {
                document.getElementsByName("chkDel")[i].checked = document.getElementById("chkAll").checked;
            }
        }
    }

Answer 5

html:
<input type="checkbox" name="all" onclick="check_all(this,'c')" />全选/全不选<br />
<input type="checkbox" name="c" value="" /><br />
<input type="checkbox" name="c" value="" /><br />
<input type="checkbox" name="c" value="" />js:
    <script type="text/javascript">
        function check_all(obj, cName) {
            var checkboxs = document.getElementsByName(cName);
            for (var i = 0; i < checkboxs.length; i++) { checkboxs[i].checked = obj.checked; }
        }
    </script>

Answer 6

这样不是说有的都会被选中吗？我只要checkboxlist被选中，我页面上的checkbox很多

Answer 7

这样写function checkAll(obj){
if (obj.checked) {
var els=document.getElementById('<%=checkboxlistID.ClientID%>').getElementsByTagName("input");for (var i=0,len=els.length; i < len; i++) {
    if(els[i].type=='checkbox')
       els[i].checked =true;
}
}
} 

Answer 8

你在判断一下checkbox的ID就可以了，DropDownList在客户端生成的id都包括DropDownList的ID，你在判断一下就可以了比如DropDownList的ID为dropSelect
那么生成的客户端代码就是dropSelect_0,dropSelect_1
你只要判断一下就可以了 indexOf("dropSelect")>0

Answer 9

var   chkList= document.getElementById(chkListId); 
var chk=chkList.getElementsByTagName("input");                 
 for(var   i=0;   i <chk.length;i++){                         
            chk[i].checked =true; 
                }          

Answer 10

function checkAll(obj) {
                    var chkList = document.getElementById(CBLAirlines);
                    var chk = chkList.getElementsByTagName("input");
                    for (var i = 0; i < chk.length; i++) {
                        chk[i].checked = true;
                    }
                } 
报错说我的chk是null对象怎么的？

Answer 11

给你写个全的吧
function allSelect()
{
var objs = document.getElementsByTagName("INPUT");
for(var i=0;i<objs.length;i++)
{
if(objs[i].type=="checkbox" && objs[i].id.indexOf("dropSelect")>-1 && objs[i].id!="chkSelect")
{
objs[i].checked = document.getElementById("chkSelect").checked;
}
}
}
红色的dropSelect表示CheckBoxList的ID
红色的chkSelect表示checkbox的ID

Answer 12

function ry_lzdj_select_all()
          {
             var a = document.getElementsByTagName("input");
             
             if (document.getElementById("selectall").value=="全选")
             {
                for (var j=0;j<a.length;j++)
                {
                     if (a[j].type=="checkbox" && a[j].disabled == false)
                     {
                         a[j].checked = true;
                     }
                }
                
                document.getElementById("selectall").value="取消全选";
             }
             
             else
             {
                for (var j=0;j<a.length;j++)
                {
                    if (a[j].type=="checkbox")
                    {
                        a[j].checked = false;
                    }
               }
               document.getElementById("selectall").value="全选"
            }
         }

Answer 13

这样是不是我页面上其他的checkbox也要被选中啊 ？

Answer 14

function checkAll(){
for(var i = 0;i < document.getElementById("CheckBoxList1").getElementsByTagName("input").length; i ++)
{
document.getElementById("CheckBoxList1_"+i).checked=true;
}            
}function deleteAll(){
for(var i = 0;i < document.getElementById("CheckBoxList1").getElementsByTagName("input").length; i ++)
{
document.getElementById("CheckBoxList1_"+i).checked =false;
}
}

Answer 15

貌似是只有id包含了dropSelect的checkbox会选中