复选框更改时的 Javascript

Question

我正在使用以下代码更改复选框的状态:

document.getElementById('checkall').onclick = function(){
     inputs = VARIABLE.querySelectorAll('input[type=checkbox]');
     for(i=0; i<inputs.length; i++) 
          inputs[i].checked = true; 
}

这部分工作正常。

我正在创建复选框(需要这些代码):

mainFrameInput = document.createElement("input"); mainFrameInput.className = "item"; mainFrameInput.style.display='none'; mainFrameInput.setAttribute('type', 'checkbox'); mainFrameInput.setAttribute('id', GnId);

这部分工作也很好

此时我想要一个在复选框更改时运行的函数，因为它可以通过多种方式进行更改。

我正在使用 JavaScript 创建复选框，并希望使用 JavaScript 而不是 JQUERY 来处理 onchange。

我测试了 CHECKBOX_VARIABLE.onchange = function{} 但是当我用上面的代码更改时它不会调用，当我点击每个复选框时只有 CHECKBOX_VARIABLE.onclick 工作。

我找到了解决方案并发布为答案。

Answer 1

一种方法是使用原生的 onchange 属性并给它一个函数

<select id="mySelect" onchange="alert('change')">
<option value="Audi">Audi</option>
<option value="BMW">BMW</option>
<option value="Mercedes">Mercedes</option>
<option value="Volvo">Volvo</option>
</select>

这是一个显示这个的 fiddle

https://jsfiddle.net/r4aj8zh2/