checkbox

時間 2019-12-02

標籤 checkbox 欄目 HTML 简体版

原文原文鏈接

監控checkbookjavascript

<html>
    <head>
        <meta charset="utf-8"/>
        <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>
    </head>
<body>
    <input type="checkbox"  id="c1" />
    <input type="checkbox"  id="c2" />
    <input type="checkbox"  id="c3" />
    <button  onclick="check()">驗證</button>
    <script type="text/javascript">
        function check(){
            var ck=$("input:checkbox");
            for (var i=0; i<ck.length; i++) {
                alert("第"+(i+1)+"個的選中狀態是："+ck.eq(i).is(":checked"))
            }
        }
    </script>
</body>
</html>

至少要選擇同樣css

<html>
    <head>
        <meta charset="utf-8"/>
        <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>
    </head>
 <body>
    <input type="checkbox"  id="c1" />
    <input type="checkbox"  id="c2" />
    <input type="checkbox"  id="c3" />
      <button  onclick="check()">驗證</button>
        <script>
            function check(){
                var ck=$("input:checkbox");
                var x=0;
                for(var i=0; i<ck.length; i++){
                    if (ck.eq(i).is(":checked")==false) { x+=1;}
                    if(ck.length==x){alert("你啥都沒選")}
                }
            }
        </script>
 </body>
</html>

多樣化，趣味多選html

<html>
    <head>
        <meta charset="utf-8"/>
        <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>
        <style type="text/css">
            html,body{background-color:pink;}
        </style>
    </head>
 <body>
     評價博主帥不帥？！<br/>
     <input type="checkbox"  id="c1"  value="小夥子算你還有腦子！"/>帥<br/>
    <input type="checkbox"  id="c2" value="嗯嗯，我就喜歡聽實話！" />很是帥<br/>
    <input type="checkbox"  id="c3" value="小夥子我很中意你呦！"/>不是通常的帥<br/>
      <button  onclick="check()">驗證</button>
        <script>
            function check(){
                var ck=$("input:checkbox");
                var x=0;
                for(var i=0; i<ck.length; i++){
                    if (ck.eq(i).is(":checked")==true) {
                        x+=1;
                    }
                }
                if(x==0){
                    alert("你啥都沒選，你想死？")
                    
                }
                for(var i=0; i<ck.length; i++){
                    if (ck.eq(i).is(":checked")==true&&x==1) {
                        alert(ck.eq(i).val())
                    }
                    if (x==2) {
                        alert("咳咳，選一個就夠啦！！");
                        return false;
                    }else if(x==ck.length){
                        alert("嗯嗯，都選了，我喜歡！！");
                        return false;
                    }
                    
                }
            }
        </script>
 </body>
</html>

1. checkbox
2. CheckBox
3. bootstrap checkbox
4. onoffswitch-checkbox
5. android checkbox
6. bootstrap：tap+checkbox
7. wex5 checkbox
8. 單擊 label 觸發 checkbox，checkbox 觸發 click
9. html自定義checkbox、radio、select —— checkbox、radio篇
10. flutter-widget-CheckBox
更多相關文章...
• ASP.NET CheckBox 控件 - ASP.NET 教程
• ASP.NET CheckBox TextAlign 屬性 - ASP.NET 教程

相關標籤/搜索

checkbox

recyclerview+checkbox

listview+checkbox

checkbox+label+selector

HTML

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。