javascript - 触发由 javascript 制作的复选框的更改

Question

我正在构建一个 jQuery 插件来设置复选框的样式。我隐藏了真正的按钮，然后插入按钮，单击该按钮会切换隐藏的复选框。但是如果我通过 JavaScript 检查隐藏的复选框，假按钮当然不会改变。我考虑过使用 jQuery 的 .change() 来改变它，但它也不会触发由 JavaScript 进行的更改，而不是通过实际单击复选框。

我希望插件是通用的，并且如果有人有一个像“选中所有”或“取消选中所有”这样的按钮，它也可以使用 JavaScript 来工作，我希望我的假复选框按钮相应地改变。

问题是我应该使用什么方法来代替 jQuery 的 change()，以便不仅可以观察鼠标点击造成的变化，还可以观察例如 javascript 产生的变化 $('checkbox') .prop('checked', true);

编辑2:我意识到没有合适的方法用 JavaScript 来观察属性，除了每秒钟为每个复选框检查几次属性之外，这是非常没有吸引力的。我决定不在我的插件中包含这种低效的功能，而是让用户也触发如果他想通过 JavaScript 操作值，请更改。

Answer 1

您无法查看属性。您可以设置一个计时器，每隔几毫秒查找一次更改，但这并不令人满意。

相反，您应该依靠所有其他代码来触发更改事件，当他们希望像您这样的插件更新时(也可能存在他们不希望的情况):

$(':checkbox').prop('checked', true).change();