Question

我正在渲染一个带有值的复选框列表，并希望在检查相关复选框时检索这些值。

{{each Items}}
       <tr>

           <td><input type='checkbox' name='chkRelatedTopics' value='${subject}'/></td>
           <td><label id='labRelatedTopicDisplay'>${subject}</label>
       <tr>

{{/each}}

正如我现在所做的那样，我每次都会获得第一个复选框的第一个值。

$(document).on("click", "input[name=chkRelatedTopics]", function () {

   var nameAdminUser = $("input[name=chkRelatedTopics]").val();
   alert(nameAdminUser);
});

如何获取我正在检查的后续复选框的值？

Answer 1

更改此

 $("input[name=chkRelatedTopics]").val();

到

 $(this).val();

Answer 2

您需要获取所点击的复选框的值，以便您可以在点击处理程序中使用$(this).val() / this.value，因为this指向所点击的dom元素

如果使用$("input[name=chkRelatedTopics]").val()，它将返回与所述选择器匹配的第一个元素的值，使其返回相同的值，无论选择哪个复选框

$(document).on("click", "input[name=chkRelatedTopics]", function () {
    var nameAdminUser = $(this).val();
    alert(nameAdminUser);
});

检索指定复选框jquery的值

2 个答案: