javascript - 如何使用 jQuery 在循环中获取选中的复选框值？

Question

我有一个 PHP while 循环，我在其中插入以下代码以显示“打开”和“关闭”按钮。

<div class="onoffswitch">
    <input type="hidden" name="hiddenID" value="<?php echo $id; ?>">
    <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch<?php echo $i ?>" <?php echo $status; ?>>
    <label class="onoffswitch-label" for="myonoffswitch<?php echo $i; ?>">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>

现在我想在开关按钮更改时获取隐藏 (hiddenID) 字段值，但它显示我未定义，代码如下:

$(document).ready(function () {
    $(".onoffswitch").change(function() {
      var hiddenID = $(this).attr('hiddenID');      
      alert(hiddenID);
    });
});

为什么显示未定义的错误？

Answer 1

$(this) 您目前处于 onoffswitch 复选框中。它没有属性 hiddenID

hiddenID 也不是其父元素中的属性。它是 name 属性的值。

使用$(this).prev().val()

或

$(document).ready(function () {
    $(".onoffswitch").change(function() {
      var hiddenID = $(this).prev("[name=hiddenID]").val()
      alert(hiddenID);
    });
});