jQuery - 使用自定义属性查找控件

Question

我正在使用 Asp.Net 的 CheckBoxList 控件。为了获得选中的复选框，我在将数据绑定到复选框列表后为 Value 添加了一个自定义属性。

我能够在 jQuery 中获得选中的复选框，但我不知道如何使用复选框列表中的自定义属性找到特定的复选框。

代码如下：

在.cs文件中数据绑定后：

    foreach (ListItem li in cblRequestTypes.Items)
        li.Attributes.Add("itemValue", li.Value); 

获取选中的复选框：

$(":checkbox").each(function() {
              if (this.checked) {

                selectedChecks += $(this).parent().attr("itemValue") + "~";

              }
            });

现在我正在传递查询字符串中的值，并且基于此我必须找到在查询字符串中发送了 itemValue 属性的复选框。这部分不起作用，或者我可能在这里遗漏了一些东西。

var id = $.QueryString["id"]
$(id.split("~")).each(function (i, item) {
                $("checkbox[itemValue=" + item +"]").attr('check',checked');

            });

CheckBoxList 的 HTML 是这样呈现的：

<span itemValue="3"><input id="chkBoxList_0" type="checkbox" name="chkBoxList$0" /><label for="chkBoxList_0">Text 1</label></span>
<span itemValue="5"><input id="chkBoxList_1" type="checkbox" name="chkBoxList$1" /><label for="chkBoxList_1">Text 2</label></span>
<span itemValue="6"><input id="chkBoxList_2" type="checkbox" name="chkBoxList$2" /><label for="chkBoxList_2">Text 3</label></span>
<span itemValue="7"><input id="chkBoxList_3" type="checkbox" name="chkBoxList$3" /><label for="chkBoxList_3">Text 4</label></span>
<span itemValue="8"><input id="chkBoxList_4" type="checkbox" name="chkBoxList$4" /><label for="chkBoxList_4">Text 5</label></span>
<span itemValue="9"><input id="chkBoxList_5" type="checkbox" name="chkBoxList$5" /><label for="chkBoxList_5">Text 6</label></span>

Answer 1

​$("span[itemValue=8] input")​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

这将为您提供itemValue（在本例中）为 8 的范围内的复选框。

正如我在评论中所说，您将 value 属性放在 span 元素上有点令人困惑，而且似乎也让您感到困惑，因为您的选择器是 $("checkbox[itemValue=" + item +"]") - 这没什么用感觉。

您的选择器将寻找 checkbox 元素 - 它不存在；您要查找的元素是 input（带有 type “复选框”）。
它会尝试找到一个具有dataValue 属性的复选框——因为该属性在 span 上，所以复选框都没有。

Answer 2

其他人已经回答了这个问题，但是当我尝试投票时，它似乎已被删除。

试试：

$('span[itemValue=8] input')

（其中 8 是您要查找的 id；在此示例中碰巧选择了 8）