显式 .触发器（“单击”）未选中设置为真正的 jquery

Question

在我的js文件中，当复选框上发生“单击”事件时会触发一个函数，并且在该单击时，它会检查哪些值被“选中”并选择这些值。我正在做一个点击代码，如：：在这种情况下，调用在“点击”时触发的函数，但是当它检查时，这将返回false，并且“if-body”永远不会被调用。$('#id').trigger("click"); or $('#id').click()if($('#id').checked)为什么当我触发对复选框的单击时，该元素的选中未设置为 true？

Answer 1

因为没有属性。也是如此。您可以看到，即使单击复选框本身控制台$('#id')checked$('#id').checkedundefinedundefined

$('#id').on('click', function() {

  console.log($('#id').checked);

});

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

<input id="id" type="checkbox" />

有一些方法可以检查是否选中了复选框。

$('#id').on('click', function() {

  console.log(

    $('#id').is(':checked'),

    $('#id').get(0).checked,

    $('#id').prop('checked')

  );

});

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

<input id="id" type="checkbox" />

使用按钮

$('#id').on('click', function() {

  if ($('#id').is(':checked')) {

    console.log('checked!!')

  }

});

$('button').on('click', function() {

  $('input').trigger('click');

})

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

<input id="id" type="checkbox" />

<button>trigger check</button>