Question

Due to some reasons i m dynamically creating a checkbox in a Grid..

Also i m dynamically creating a Button in the same Grid.

On this particular button click i need to check if the checkboxes are checked or not.

If the checkboxes are checked i should uncheck it.and vice versa.

Is it possible to achieve this in javascript?

Answer 1

Yes it is possible.

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

No matter the checkboxes are created dynamically or not, this code will still work because it does not even need any id or class.

For 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
        }
    }
});

Ultimate jQuery solution!

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

LIVE DEMO: http://jsfiddle.net/DerekL/jfeAd/