JavaScript (index.html):
<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生成及清除範例。
範例:
沒有留言:
張貼留言