ASP.NET中的CheckBoxList如何全选/取消全选所有项?

3
我有一个类似以下的复选框列表:

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        CheckBoxList1.Items.Add(new ListItem("Check/Uncheck All","0"));
        CheckBoxList1.Items.Add(new ListItem("A","1"));
        CheckBoxList1.Items.Add(new ListItem("B","2"));
        CheckBoxList1.Items.Add(new ListItem("C", "3"));
        CheckBoxList1.Items.Add(new ListItem("D", "4"));
    }        
}

我希望当第一项被选中时,检查其他项目,当取消选择时,取消选择其他项目。同时,用户可以单独选择每个项目。

我希望通过代码实现这一点,而不使用JavaScript或JQuery。

8个回答

6

试试这个

protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)
{
    string result = Request.Form["__EVENTTARGET"];
    int index1 = int.Parse(result.Substring(result.IndexOf("$") + 1));
    if (index1 == 0)
    {
        bool tf = CheckBoxList1.Items[index1].Selected ? true : false;
        CheckUncheckAll(tf);
    }
}
void CheckUncheckAll(bool tf)
{
    foreach (ListItem item in CheckBoxList1.Items)
    {
        item.Selected = tf;
    }
}

我本以为这个会对我有用,但是这一行 'int index1 = int.Parse(result.Substring(result.IndexOf("$") + 1' 报错了,说字符串格式不正确。 - Rani Radcliff

2
for(int index = 0; index < checkedListBox.Items.Count; ++index)
{
    checkedListBox.SetItemChecked(index, false);
}

1
使用这段代码,您可以从C#代码后端访问复选框,并能够选中/取消选中它们甚至启用/禁用它们。希望这能有所帮助。
foreach (ListItem item in CheckBoxList.Items) {
    item.Selected = true;
    item.Enabled = true;
}

0

for Check all

foreach (ListItem item in CheckBoxList.Items)
{
    item.Selected = true;    
}

取消所有勾选。
 CheckBoxList.ClearSelection();

0

使用jQuery在asp CheckBoxList中有一种通用的方法来实现全选项。

您可以在表单上拥有多个带有全选功能的CheckBoxList控件。

您只需要确保:

  1. 您的CheckBoxList具有allowSelectAll
  2. 您向复选框列表中添加了一个ListItem,以允许用户选择所有内容,该值为All

chkBoxList.Items.Insert(0, new ListItem("All", "All"));

您只需要以下代码即可:

<script>
    $('.allowSelectAll :checkbox[value=All]').click(function () {
        var toggle = this.checked;
        $(this).closest('.allowSelectAll').find(":checkbox").attr("checked", toggle);
    });
</script>

在下面的代码片段中,我有4个复选框列表。
<div >
<label>Experience 1</label>
<asp:CheckBoxList ID="chklstExp1" runat="server"  CssClass="allowSelectAll">
</asp:CheckBoxList>

<label>Experience 2</label>
<asp:CheckBoxList ID="chklstExp2" runat="server" CssClass="allowSelectAll">
</asp:CheckBoxList>

<label>Experience 3</label>
<asp:CheckBoxList ID="chklstExp3" runat="server" CssClass="allowSelectAll">
</asp:CheckBoxList>

<label>Location</label>
<asp:CheckBoxList ID="chklstLocation" runat="server" CssClass="allowSelectAll">
</asp:CheckBoxList>

<asp:Button runat="server" ID="btnShowReport" OnClick="btnShowReport_Click" Text="Show Report"/>
</div>

0
在.aspx页面中,请为checkboxlist添加autopostback="true"
然后请添加此事件。它是有效的,我已经检查过了。
Private Sub CheckBoxList1_SelectedIndexChsanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles CheckBoxList1.SelectedIndexChanged
    Dim result As String = Request.Form("__EVENTTARGET")
    Dim checkedBox As String() = result.Split("$"c)
    Dim index As Integer = Integer.Parse(checkedBox(checkedBox.Length - 1))
    If CheckBoxList1.Items(index).Text = "Check/Uncheck All" Then
        Dim Chkbool As Boolean = CheckBoxList1.Items(index).Selected
        For Each item In CheckBoxList1.Items
            item.selected = Chkbool
        Next
    End If
End Sub

0

要将项目设置为 false,您需要执行以下操作:

checkList.ClearSelection();

将项目设为“true”:

foreach (var item in checkList.Items.Cast<ListItem>().Where (li => li.Value == "1" || li.Value == "3" || li.Value == "5"))
{
   item.Selected = true;
}

0
我有一个单选按钮列表和复选框列表。复选框列表的选择会根据单选按钮列表的选择自动改变。下面是输出和代码的图片: 希望这能帮到你。
protected void RadioButtonList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        if (RadioButtonList1.SelectedValue == "0")
        {
            foreach (ListItem item in CheckBoxList1.Items)
            {
                item.Selected = true;
            }
        }
        if (RadioButtonList1.SelectedValue == "1")
        {
            CheckBoxList1.ClearSelection();

        }

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接