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生成及清除範例。
範例:
沒有留言:
張貼留言