<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script language="javascript">
function cli(Obj)
{
//獲取控制其它複選框的對象obj
var collid = document.getElementByIdx-x-x-("all")
//獲取需要全選,全不選功能的所有複選框
var coll = document.getElementsByName(Obj)
//obj被選中,則全選
if (collid.checked){
//循環設置所有複選框爲選中狀態
for(var i = 0; i < coll.length; i++)
coll[i].checked = true;
}else{//取消obj選中狀態,則全不選
//循環設置所有複選框爲未選中狀態
for(var i = 0; i < coll.length; i++)
coll[i].checked = false;
}
}
</script>
<input name='1' type='checkbox' value='' id="all" οnclick="cli('多選項名稱');"> 全選
<input name='2' type='checkbox' value='' > 選我嗎?
<input name='3' type='checkbox' value='' > 選我嗎?
<input name='4' type='checkbox' value='' > 選我嗎?
<input name='5' type='checkbox' value='' > 選我嗎?
<input name='6' type='checkbox' value='' > 選我嗎?
<input name='7' type='checkbox' value='' > 選我嗎?
</body>
</html>
JavaScript選框
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.