CheckBox联动问题

为CheckBox添加个JS脚本事件就可以了

简单点的就是用JQ实现，看代码
http://www.cnblogs.com/libingql/archive/2011/11/07/2238663.html

参考这个例子。<script  type="text/C#"  language="javascript">
function AddRemoveValues(oChk) {
if(oChk.checked)
Form1.HdnSelectedValues.value += "," + oChk.value;
else
Form1.HdnSelectedValues.value = Form1.HdnSelectedValues.value.replace("," + oChk.value,"");
}
    </script><form id="Form1" method="post" runat="server"><asp:CheckBox ID="checkedAll" runat="server" AutoPostBack="True" OnCheckedChanged="checkedAll_CheckedChanged" /><asp:Label
                                    ID="Label7" runat="server">全选</asp:Label><asp:DataList ID="dl1" runat="server" RepeatColumns="1" Width="100%" OnItemDataBound="dl1_ItemDataBound">
                                    <ItemTemplate>
                                        <tr>
                                            <td align="center"  valign="top">

                                                <table id="Table2" border="0" cellpadding="0" cellspacing="0" width="100%">
                                                    <tr>
                                                        <td>
                                                        </td>
                                                            <td align="left">
                                                                <%# DataBinder.Eval(Container.DataItem, "字段1")%>
                                                           </td>
                                                    </tr>
                                                </table>
                                                <table id="Table3">
                                                    <tr>

                                                        <td valign="top">
                                                            <table id="Table5" border="0">
                                                                <tr>
                                                                    <td align="center">
                                                                        <asp:DataList ID="dl2" runat="server" RepeatColumns="3" Width="100%">
                                                                            <ItemTemplate>
                                                                                <input id="chkSelect" runat="server" name="chkSelect" onclick="AddRemoveValues(this)"
                                                                                    type="checkbox" value='<%# DataBinder.Eval(Container.DataItem, "字段2")%>' />

                                                                                <%# GetMethod(DataBinder.Eval(Container.DataItem, "字段1").ToString(), DataBinder.Eval(Container.DataItem, "字段2").ToString())%>

                                                                            </ItemTemplate>
                                                                        </asp:DataList>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </ItemTemplate>
                                </asp:DataList>
</form>
public void dl1_ItemDataBound(object sender, System.Web.UI.WebControls.DataListItemEventArgs e)
        {
            if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
            {
                DataList dataList = (DataList)e.Item.FindControl("dl2");                for (int j = 0; j < dataList.Items.Count; j++)
                {
                    HtmlInputCheckBox chkbox = dataList.Items[j].FindControl("chkSelect") as HtmlInputCheckBox;
                }
                DataRowView rowv = (DataRowView)e.Item.DataItem;
                string str字段1= Convert.ToString(rowv["字段1"]);
                string strSql = "要写的sql语句";
                DataTable mytable = rdtable(strSql);
                string strId7 = mytable.Rows[0]["Id"].ToString();
                string strId7 = "";                for (int i = 0; i < CheckBoxList1.Items.Count; i++)
                {
                    if (CheckBoxList1.Items[i].Selected)
                    {
                        strId7+= CheckBoxList1.Items[i].Value + ",";
                    }
                }
                if (strId7 != "")
                {
                    strId7=strId7.Substring(0, strId7.Length - 1);                }
                string sql = "要写的sql语句";
                    DataTable dt = rdtable(sql);                    if (dt != null)
                    {
                        try
                        {
                            dataList.DataSource = dt;
                            dataList.DataBind();
                        }
                        catch (Exception ex)
                        {
                            throw new Exception(ex.Message);
                        }
                    }

            }
        }
public void checkedAll_CheckedChanged(object sender, System.EventArgs e)
        {
            // 选中全选
            if (checkedAll.Checked.Equals(true))
            {
                int i = 0;
                for (i = 0; i < dl1.Items.Count; i++)
                {
                    DataList dl2 = dl1.Items[i].FindControl("dl2") as DataList;
                    if (dl2 != null)
                    {
                        for (int j = 0; j < dl2.Items.Count; j++)
                        {
                            HtmlInputCheckBox chkbox = dl2.Items[j].FindControl("chkSelect") as HtmlInputCheckBox;
                            // 选中
                            chkbox.Checked = true;
                        }
                    }
                }
                Label5.Text = "全不选";            }
            // 取消全选
            if (checkedAll.Checked.Equals(false))
            {
                int i = 0;
                for (i = 0; i < dl1.Items.Count; i++)
                {
                    DataList dl2 = dl1.Items[i].FindControl("dl2") as DataList;
                    if (dl2 != null)
                    {
                        for (int j = 0; j < dl2.Items.Count; j++)
                        {
                            HtmlInputCheckBox chkbox = dl2.Items[j].FindControl("chkSelect") as HtmlInputCheckBox;
                            // 选中
                            chkbox.Checked = false;
                        }
                    }
                }
                Label5.Text = "全选";            }
        }

直接用JQuery就行了吧

jquery
增加全选按钮的 checkbox的click事件
根据 Class属性，获取整个checkbox组，遍历选中

测试代码<body>
<script src="Scripts/jquery-1.7.1.js"></script>
  <form>
      <input type="checkbox" id="cboMain" class="cbo"/>      <input type="checkbox" class="cbo"/>
      <input type="checkbox" class="cbo"/>
      <input type="checkbox" class="cbo"/>
      <input type="checkbox" class="cbo"/>

  </form>
</body>
       <script>
           $('#cboMain').click(function () {
               var result = $(this).is(':checked');
               alert(result);
               $('.cbo').attr("checked", result);
           })

       </script>

调试易

CheckBox联动问题

解决方案 »