在线精品免费视频,91免费国产高清在线,91久久精品国产一区二区,男人在线网站,欧洲视频一区,最新国产精品亚洲,狠狠色狠色综合曰曰

萬企互聯(lián)-專注高端網(wǎng)站建設(shè)
掃描關(guān)注萬企互聯(lián)微信公眾賬號(hào)

掃一掃微信二維碼

復(fù)選框選擇限制多選數(shù)量的辦法

編程代碼?2022/2/15? 473
需要展示多個(gè)checkbox復(fù)選框,而只能允許最多選6個(gè),下面為大家介紹下如何使用js限制checkbox選中個(gè)數(shù),需要的朋友可以參考下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
        <title>多選框</title>  
<script>  
    function $A(name){return document.getElementsByName(name);}  
    window.onload=function(){  
        /**  
         * 復(fù)選框限制  
         * @param {Object} name 復(fù)選框的name  
         * @param {Object} maxck 最多復(fù)選個(gè)數(shù)  
         */  
        function checks(name,maxck){  
            var cks = $A(name);  
            function check(){  
                var t=0;  
                for(i=0;i<cks.length;i++){  
                    if(cks[i].checked){t++;}  
                    if(t>maxck){return false;}  
                }  
                return true;  
            }  
            for(i=0;i<cks.length;i++){  
                cks[i].onclick=function(){  
                    if(!check()){  
                        alert("最多選擇"+maxck+"個(gè)");  
                        this.checked=false;  
                    }  
                }  
            }  
        }  
        checks("ck",3);  
        //這里如果加入對(duì)ck2的檢測(cè)也可以避免6個(gè)以上  
        //checks("ck2",6);     
        document.form1.onsubmit=function(){  
            var t=0;  
            var maxck=6;  
            var ck2=$A("ck2")  
            for(i=0;i<ck2.length;i++){  
                if(ck2[i].checked){t++;}  
                if(t>maxck){  
                    this.action="http://www.baidu.com";  
                }  
            }  
            return true;  
        }  
    }  
</script>       
</head>  
<body>  
<form name="form1" method="post" action="http://www.wqhl.cn">  
對(duì)這個(gè)限制3個(gè)選擇<br>  
<input type="CHECKBOX" name="ck" value="A">A  
<input type="CHECKBOX" name="ck" value="B">B  
<input type="CHECKBOX" name="ck" value="C">C  
<input type="CHECKBOX" name="ck" value="D">D  
<input type="CHECKBOX" name="ck" value="E">E  
<input type="CHECKBOX" name="ck" value="F">F  
<input type="CHECKBOX" name="ck" value="G">G  
<input type="CHECKBOX" name="ck" value="H">H  
<input type="CHECKBOX" name="ck" value="I">I  
<input type="CHECKBOX" name="ck" value="J">J  
<br>  
對(duì)這個(gè)限制6個(gè)提交,<=6個(gè)到www.g.cn   >6個(gè)到www.baidu.com<br>  
<input type="CHECKBOX" name="ck2" value="A">A  
<input type="CHECKBOX" name="ck2" value="B">B  
<input type="CHECKBOX" name="ck2" value="C">C  
<input type="CHECKBOX" name="ck2" value="D">D  
<input type="CHECKBOX" name="ck2" value="E">E  
<input type="CHECKBOX" name="ck2" value="F">F  
<input type="CHECKBOX" name="ck2" value="G">G  
<input type="CHECKBOX" name="ck2" value="H">H  
<input type="CHECKBOX" name="ck2" value="I">I  
<input type="CHECKBOX" name="ck2" value="J">J  
<input type="submit" value="確定">  
</form>  
    </body>  
</html>  
文章關(guān)鍵詞
復(fù)選
多選
萬企互聯(lián) 咸陽網(wǎng)站建設(shè) 萬企微信 IDC主機(jī)測(cè)評(píng) 域名轉(zhuǎn)發(fā)系統(tǒng) IP地址查詢 萬企工具 超越彼岸BEYOND 六佰號(hào)MSDN系統(tǒng) TOP圖標(biāo)庫 六百號(hào)技術(shù)