CheckBox全选CheckBoxList

一.在ASPX页面添加一个CheckBox和一个CheckBoxList服务器端控件

<!--服务器端控件CheckBox-->

<asp:CheckBox ID="checkBox1" runat="server" OnClick="selectAll('cbList')" />

<!--客户端端控件CheckBox-->

<input type="checkbox" id="check2" onclick="selectAll('cbList')" />

<asp:CheckBoxList ID="cbList" runat="server" RepeatColumns="3">

<asp:ListItem Text="1" Value="1" ></asp:ListItem>

<asp:ListItem Text="2" Value="2" ></asp:ListItem>

<asp:ListItem Text="3" Value="3" ></asp:ListItem>

</asp:CheckBoxList>

 

二.添加相关的JavaScript代码

<script language="javascript" type="text/javascript">

function selectAll(searchName)

{

    var aa = document.getElementsByTagName("input");

    for (var i=0; i<aa.length; i++)

    {

        if (aa[i].type=='checkbox'&&aa[i].name.indexOf(searchName)>-1)

        {

            aa[i].checked=event.srcElement.checked;

        }

    }

}

</script>