Question

这是我的复选框：

<input type="checkbox" name="my_chk" id="my_chk" value="1">

我正在检查是否已检查：

$("#my_chk").prop('checked')

返回undefined。为什么呢？

当我尝试“.is（'checked'）”时，它总是返回false，即使它被检查过。

Answer 1

要检查是否选中了复选框，请使用

$("#my_chk").is(':checked')

代替。

Answer 2

$('#my_chk').on('change',function(){
  console.log($("#my_chk").prop('checked'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="my_chk" id="my_chk" value="1">

这很好用。

Answer 3

以下是您想要的示例，无论是否已选中以及已检查的值

$("#my_chk").change(function() {
  console.log($("#my_chk").prop('checked'))
  if ($("#my_chk").prop('checked')) {
    alert('checkbox value : ' + $("#my_chk:checked").val());
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="my_chk" id="my_chk" value="1">

为什么“prop（'checked'）”返回undefined？

3 个答案: