以编程方式更改复选框不会触发更改事件 [英] Programmatically changing checkbox does not fire change event

问题描述

我在这里有以下代码：

$('input[type="checkbox"][id="gridlines"]').change(function () {
    alert('hello world');
});

$('#gridlines').prop('checked', true);

当我加载页面时，复选框被选中，但hello world不会被提示

When I load my page, the checkbox is checked, but the "hello world" does not get prompted

但是，当我手动点击复选框时，会出现hello world提示

However, when I click on the checkbox manually, "hello world" gets prompted

给出了什么？

推荐答案

您需要致电更改（）或使用触发器（）来tirgger 在通过代码更改值时更改事件。

You need to call change() or use trigger() to tirgger the change event when values is changed through code.

使用 .change（）

$('#gridlines').prop('checked', true).change();

使用 .trigger（）

$('#gridlines').prop('checked', true).trigger("change");

这篇关于以编程方式更改复选框不会触发更改事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！