1

我正在尝试使用 JQuery 在无序列表中获取 ListItems 的值（见下文）。下面的代码接近工作，但它总是返回第一个 ListItem 的值，即使第二个被选中。

<script>
    $(document).ready(function () {
        $("li").click(function () {
            $("input:checked").each(function () {
                alert($("label").attr('InnerText'));
            });
        });
    });
</script>

<div>
    <ul class="AspNet-CheckBoxList-RepeatDirection-Vertical">
        <li class="AspNet-CheckBoxList-Item">
            <input id="CheckBoxList1_0" type="checkbox" name="CheckBoxList1$0" value="first1" />
            <label for="CheckBoxList1_0">First $30.00</label>
        </li>
        <li class="AspNet-CheckBoxList-Item">
            <input id="CheckBoxList1_1" type="checkbox" name="CheckBoxList1$1" value="second2" />
            <label for="CheckBoxList1_1">Second $25.00</label>
        </li>
    </ul>
</div>
4

1 回答 1

8

在您的每次回调中，您并没有限制选择器的范围，它只是在您调用 .attr 时获取它找到的第一个标签。尝试类似以下的...

$("input:checked").each(function() {
    $(this).next("label").text(); //Or
    $(this).parent().find("label").text(); //Depending on your markup
});

这将选择器的范围限定为复选框周围的元素，而不是整个文档

于 2009-04-08T18:43:33.703 回答