Question

我在触发点击事件时遇到问题。

这是应该通过“点击”调用的代码：

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

HTML代码：

$('#enable_autosave').trigger('click');

这是在加载页面后应该触发复选框'click-event的代码：

int rand = (int) Math.random()*10;

选中该复选框但未触发click事件。我也尝试过.click（）或.onclick（）或$（'＃enable_autosave'）。attr（'checked'，true）[0] .onclick（）;

但是它们都显示相同的结果，复选框被选中但不是点击事件。

Answer 1

这对我有用（使用EventListener）：

<input type="checkbox" id="enable_autosave">Test</input>    
<script>
         window.onload = function() {
            'use strict';
             var foo = function() {
                var test =  document.getElementById("enable_autosave").checked;

                if(!test){
                    console.log("no");
                }
                else{
                    console.log("yes");
                }

            }
            foo();

            document.getElementById("enable_autosave").addEventListener('input', foo);
            document.getElementById("enable_autosave").addEventListener('change', foo);

        }
    </script>

Answer 2

如果您想在复选框后发出警报，请执行以下操作：

<input type="checkbox" id="enable_autosave" onchange = 'alert("HI")'>Test</input>

JS复选框触发/单击/ onclick不起作用

2 个答案: