JavaScript Checkbox Clean

標題：(必填)
JavaScript (index.html)：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

<script type="text/javascript"> function create() { var box = document.getElementById("codeboxy"); var boxs = document.createElement("input"); boxs.type = "checkbox"; boxs.name = "addBox"; boxs.setAttribute('defaultChecked', true); //針對IE6進行勾選 boxs.checked = true; //進行勾選 box.appendChild(boxs); } function clean() { //掃描div內的input物件 var list = document.getElementById("codeboxy").getElementsByTagName("input"); for(var i=0;i<list.length;i++) if(list[i].name == "addBox") //過濾名為addBox之項目 list[i].checked = false; //清除點選狀態 } </script> <button onclick="create();">Dynamic Create</button><br /> <button onclick="clean();">Clean Checkbox</button><br /> <div id="codeboxy"></div>

說明：
相容於IE6、IE7、IE8、FireFox、Chrome瀏覽器之Checkbox生成及清除範例。

範例：