JS checkbox check all

by anoorally

HTML

<form class="form-inline" role="form">
    <div class="col-xs-3">
        <div class="pic-container">
            <label> <span><input type="checkbox" name="discounting" onchange='handleChange(this);' id='check11' value="">ciao</span>

                <br>
            </label>
        </div>
    </div>
    <div class="col-xs-3">
        <div class="pic-container">
            <label> <span><input type="checkbox" name="discounting" onchange='handleChange(this);' id='check21' value="">hola</span>

                <br>
            </label>
            <label> <span><input type="checkbox" name="discounting" onchange='handleChange(this);' id='check21' value="">hola</span>

                <br>
            </label>
            <label> <span><input type="checkbox" name="discounting" onchange='handleChange(this);' id='check21' value="">hola</span>

                <br>
            </label>
            <label> <span><input type="checkbox" name="discounting" onchange='handleChange(this);' id='check21' value="">hola</span>

                <br>
            </label>
            <label> <span><input type="checkbox" name="discounting" onchange='handleChange(this);' id='check21' value="">hola</span>

                <br>
            </label>
            <label> <span><input type="checkbox" name="discounting" onchange='handleChange(this);' id='check21' value="">hola</span>

                <br>
            </label>
        </div>
    </div>
</form>

JavaScript

function handleChange(cb) {
    var allCB = document.querySelectorAll("input[id='check21']");
    for(var i=0; i< allCB.length; i++){
    	allCB[i].checked=true;
    }
}