checkbox选中后无法取消的问题

input标签页：

<input type="checkbox" name="">
<input type="button" name="clickme" id="clickme" onclick="toggle()" value="全选／取消">

问题代码：

function toggle(){
    var state = document.getElementsByTagName("input")[0].getAttribute("checked");
    console.log(state);
    if(state == "checked"){
        console.log("false");
        document.getElementsByTagName("input")[0].setAttribute("checked","");
    }else{
        document.getElementsByTagName("input")[0].setAttribute("checked","checked");
    }
}

没问题的代码：

function toggle(){
    var state = document.getElementsByTagName("input")[0].checked;
    console.log(state);
    if(state == true){
        console.log("false");
        document.getElementsByTagName("input")[0].checked = null;
    }else{
        document.getElementsByTagName("input")[0].checked = true;
    }
}

这里问题的关键在于attribute和property的区别！！！
如果你使用的是jQuery，正确的写法应该是使用prop方法：
栗子：

 $("#CheckedAll").click(function () {
     if ($(this).is(":checked")) {
         $("[name=items]:checkbox").prop("checked", true);
     } else {
         $("[name=items]:checkbox").prop("checked", false);
     }
 });