在 jQuery 中获取复选框的值

Question

如何在 jQuery 中获取复选框的值？

原文由 maztt 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

要获取 Value 属性的值，您可以执行以下操作：

 $("input[type='checkbox']").val();

或者，如果您为它设置了 class 或 id ，您可以：

 $('#check_id').val();
$('.check_class').val();

但是，无论是否选中，这都会返回 相同 的值，这可能会造成混淆，因为它与提交的表单行为不同。

要检查它是否被选中，请执行以下操作：

 if ($('#check_id').is(":checked"))
{
  // it is checked
}

原文由 Sarfraz 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

这两种方式有效：

• $('#checkbox').prop('checked')
• $('#checkbox').is(':checked') （感谢 @mgsloan ）

 $('#test').click(function() {
    alert("Checkbox state (method 1) = " + $('#test').prop('checked'));
    alert("Checkbox state (method 2) = " + $('#test').is(':checked'));
});

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
Check me: <input id="test" type="checkbox" />

原文由 Alain Tiemblo 发布，翻译遵循 CC BY-SA 3.0 许可协议