Question

我有一堆复选框，其中包含click个事件监听器。现在我有一个按钮，可以立即检查所有这些复选框。问题是此按钮不会触发复选框上的click事件侦听器。

有没有办法在元素上手动调用click事件？

Answer 1

$("input[type='checkbox']").each(function(){
   var item = $(this);
   if(item.not(":checked")) {
       item.trigger("click");
   }
});

Answer 2

你可以这样使用。

 <script type="text/javascript">
    $(document).ready(function () {
        $("input[type=checkbox]").change(function () {

            if ($(this).prop('checked')) {
                alert("something");

            }
        });
    });
    function checkall() {
        $("input[type=checkbox]").each(function () {
            $(this).prop('checked', true);
            $(this).trigger("change");
        });
    }
</script>
<body>
    <input type="checkbox" />
    <input type="checkbox" />
    <input type="checkbox" />
    <input type="button" onclick="checkall()" />
</body>

手动模拟Onclick或Click事件

2 个答案: