如何为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事件?的主要内容,如果未能解决你的问题,请参考以下文章
如何为 React 测试库中的 Select Box onChange 方法编写测试用例?