javascript - 用于检查是否在动态创建的按钮单击时选中了动态创建的复选框的Javascript

由于某些原因，我正在网格中动态创建一个复选框。

我也在同一网格中动态创建一个Button。

在此特定按钮上，单击“我需要检查复选框是否已选中”。

如果选中了复选框，则应取消选中它，反之亦然。

是否有可能在javascript中实现呢？

最佳答案

是的，有可能。

document.querySelector("button").addEventListener("click",function(){
    [].forEach.call(document.querySelectorAll('input[type="checkbox"]'),function(el){
        el.checked = !el.checked   //Invert
    });​
}, false);

无论是否动态创建复选框，该代码仍然可以使用，因为它甚至不需要任何id或class。

对于IE：

document.getElementsByTagName("button")[0].addEventListener("click", function(){
    var ele = document.getElementsByTagName("input");
    for(var i=0;i<ele.length;i++){
        if(ele[i].type == "checkbox"){
            el.checked = !el.checked   //Invert
        }
    }
});

终极jQuery解决方案！

$("button").click(function(){
    $("input[type=checkbox]").each(function(){
        this.checked = !this.checked;
    }
});

实时演示：http://jsfiddle.net/DerekL/jfeAd/

关于javascript - 用于检查是否在动态创建的按钮单击时选中了动态创建的复选框的Javascript，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10924782/