javascript - 更改复选框值不会触发 Jquery 中的更改事件

Question

我有一个复选框，并将其标记为已选中，但它不会触发更改功能。注释没有出现。

My code:
 $('#checkbox1').prop("checked", true);

$('#checkbox1').change(function(){
        if ($(this).is(':checked'))
            $('#s-note').show();
        else
            $('#s-note').hide();
    });

Answer 1

您是否希望 onchange 在没有用户交互的情况下触发？

您的问题是您在设置处理程序之前设置了选中状态，因此如果这会触发更改，您将无法捕获它。这里真正的问题是使用 JavaScript 设置属性不会触发更改事件。所以需要手动触发change事件。

$('#checkbox1')
  .prop("checked", true)  // set it to checked
  .on("change", function() {  // bind change event
    $('#s-note').toggle($(this).is(':checked')); // toggle visibility
  }).trigger("change"); //trigger that you need the change to run