jQuery ASP.NET 通过 CheckBox 标签的 innerHTML 在 CheckBoxList 中查找特定的 CheckBox

Question

我有一个 ASP.NET CheckBoxList:

<asp:CheckBoxList ID="CheckBoxList1" runat="server" Width="10%">
    <asp:ListItem Selected="True" Value="1">White</asp:ListItem>
    <asp:ListItem Selected="False" Value="2">Black</asp:ListItem>
    <asp:ListItem Value="3">Red</asp:ListItem>
    <asp:ListItem Value="4">Green</asp:ListItem>
    <asp:ListItem Value="5">Blue</asp:ListItem>
</asp:CheckBoxList>

我需要修改/删除 CheckBoxList 中特定 CheckBox 的特定标签:

以下代码对于 CheckBox 值工作正常，但对于 CheckBox 标签不起作用。

var CheckBoxListInputValue = 3; //value may be dynamic
var CheckBoxListInputInnerHTML = "Red"; //value may be dynamic
$("#CheckBoxList1 label[innerHTML =" + CheckBoxListInputInnerHTML + "]").remove(); //Not working
$("#CheckBoxList1 :input[value = " + CheckBoxListInputValue + "]").remove(); //Working

顺便说一句，我不想​​使用任何 for 循环。

Answer 1

asp.net 从您的复选框列表中生成一个表，为了删除一个选项，您实际上必须删除一个 TR。以下代码删除示例上的红色选项，然后您可以使用动态值更改红色

  $('#CheckBoxList1 label').each(function () {
        if ($(this).text() == 'Red') {
            $(this).closest('tr').remove();
            return false;
        }
    });

Test it here