用js判斷一個復選框是否被選中

本文轉載自查看原文 2017-01-09 15:16 16532

<html> <head>
        <title>
            復選框全選、全不選、反選、必選一個
        </title>
        <meta http-equiv="content-type" content="text/html;charset=GBK"/>
        <script language="javascript">
            //表單驗證
            function check(){
                var ids = document.getElementsByName("ids");
                var flag = false ;
                for(var i=0;i<ids.length;i++){
                    if(ids[i].checked){
                        flag = true ;
                        break ;
                    }
                }
                if(!flag){
                    alert("請最少選擇一項！");
                    return false ;
                }
            }
            //全選
            function iselect(){ //其中函數字不能為select 其為JS保留字
                var ids = document.getElementsByName("ids");
                var all = document.getElementByIdx_x_x("all");
                for(var i=0;i<ids.length;i++){
                    ids[i].checked=all.checked;
                }
            }
            //全選
            function selectAll(){
                var ids = document.getElementsByName("ids");
                for(var i=0;i<ids.length;i++){
                    ids[i].checked=true;
                }
            }
            //全不
            function selectNone(){
                var ids = document.getElementsByName("ids");
                for(var i=0;i<ids.length;i++){
                    ids[i].checked=false;
                }
            }
            //反選
            function selectInvert(){
                var ids = document.getElementsByName("ids");
                for(var i=0;i<ids.length;i++){
                    if(ids[i].checked)
                        ids[i].checked=false ;
                    else
                        ids[i].checked=true ;
                }
            }
        </script>
    </head>
    <body>
        <form action="#" onsubmit="return check();">
        <table border="0">
            <tr><td><input type="checkbox" id="all" onclick="iselect();"></td></tr>
            <tr><td><input type="checkbox" name="ids">音樂</td></tr>
            <tr><td><input type="checkbox" name="ids">短信</td></tr>
            <tr><td><input type="checkbox" name="ids">圖片</td></tr>
            <tr><td><input type="checkbox" name="ids">電子書</td></tr>
            <tr><td><input type="checkbox" name="ids">鈴聲</td></tr>
            <tr><td><input type="checkbox" name="ids">漫畫</td></tr>
            <tr><td><input type="checkbox" name="ids">游戲</td></tr>
            <tr><td><input type="checkbox" name="ids">雜志</td></tr>
            <tr><td><input type="checkbox" name="ids">新聞</td></tr>
            <tr>
                <td>
                    <a href="#" onclick="selectAll();">全選</a> 
                    <a href="#" onclick="selectNone();">全不</a> 
                    <a href="#" onclick="selectInvert();">反選</a>
                </td>
            </tr>
            <tr><td><input type="submit" value="提交"></td></tr>
        </table>
        </form>
    </body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 [轉]jquery如何判斷checkbox（復選框）是否被選中,至少被選中一個實現table中checkbox復選框、以及判斷checked是否被選中、js操作checkedbox選中 php 判斷復選框checkbox是否被選中 php判斷復選框是否被選中的方法判斷easyUI tree 節點復選框是否被選中的方法。將選中的節點高亮顯示的方法 jquery復選框選中事件及其判斷是否被選中_常用筆記 JQuery、js判斷復選框是否選中狀態關於通過jq /js 實現驗證單選框復選框是否都有被選中 jquery如何判斷checkbox（復選框）是否被選中全選反選判斷Check復選框是否選中