如何为javascript复选框提供onchange事件?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何为javascript复选框提供onchange事件?相关的知识,希望对你有一定的参考价值。

[嘿,我正在尝试在javascript中创建一些复选框,并将其添加到我的html中。我想给复选框一个onchange事件,但是该事件仅在它们创建后以及网站加载时才触发,而我单击复选框则没有任何反应。同样,如果我在浏览器中查看网站的源代码,则复选框不会发生onchange事件。

hashtags是一个带有一些属性但对象并不重要的对象的数组

hashtags.forEach(element => {
    if(element.categorie == searchedCategorie && element.beitrage == searchedSize && element.language == searchedLang){
        searchedHashtags.push(element.hashtagName);
        var label = document.createElement("label");
        var checkbox = document.createElement("input");
        checkbox.className = "checkboxes";
        checkbox.type = "checkbox";
        checkbox.value = element.hashtagName;
        checkbox.onchange = handleChange(checkbox);
        checkbox.name = element.hashtagName;
        label.appendChild(checkbox);
        label.innerHTML += element.hashtagName;
        body.appendChild(label);
        body.appendChild(document.createElement("br"));
    }
});



function handleChange(checkbox){
if(checkbox.checked == true){
    countChecked++;
}else if(checkbox.checked == false){
    countChecked--;
}
txtarea.innerHTML = countChecked + "/" + searchedHashtags.length + " ausgewählt";
alert(countChecked);

}

答案
None

以上是关于如何为javascript复选框提供onchange事件?的主要内容,如果未能解决你的问题,请参考以下文章

如何为类提供多行元素古腾堡 RichText 块?

如何为单选按钮和复选框设置禁用/只读功能

如何为 React 测试库中的 Select Box onChange 方法编写测试用例?

Win10系列:JavaScript 控件的使用

Javascript Html.Checkbox onchange 事件

在创建 onchange 的 javascript 中传递两个变量