20150620复选框的全选和反选

html=======

<div class="demo1">
    <h5><input type="checkbox" id="all" /><label>全选选项</label></h5>
    <p><input type="checkbox" name="item" /><label>选项（一）</label></p>
    <p><input type="checkbox" name="item" /><label>选项（二）</label></p>
    <p><input type="checkbox" name="item" /><label>选项（三）</label></p>
    <p><input type="checkbox" name="item" /><label>选项（四）</label></p>
    <p><input type="checkbox" name="item" /><label>选项（五）</label></p>
    <p><input type="checkbox" name="item" /><label>选项（六）</label></p>
    <p><input type="checkbox" name="item" /><label>选项（七）</label></p>
    <p><input type="checkbox" name="item" /><label>选项（八）</label></p>
    <p><input type="checkbox" name="item" /><label>选项（九）</label></p>
    <p><input type="checkbox" name="item" /><label>选项（十）</label></p>
</div>

js===========


var input=document.getElementsByName('item');
console.log(input.length);
var all=document.getElementById('all');
all.onclick=function (arguments) {
    for (var i = 0; i < input.length; i++) {
        if(input[i].checked){
            input[i].checked=false;
        }else{
            input[i].checked=true;
        }
    }
}