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