zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    HTML初体验
    out传值
    函数
    冒泡排序
    数组
    异常语句
    类 string math
    for 穷举 迭代
    HTML JavaScript及运算符
    HTML 格式与布局
  • 原文地址:https://www.cnblogs.com/windphoenix/p/1611161.html
Copyright © 2011-2022 走看看