JavaScript選框

<!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>


發佈了26 篇原創文章 · 獲贊 16 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章