zoukankan      html  css  js  c++  java
  • js限制checkbox选中个数

            今天在做项目时,碰到一个问题,我须要展示多个checkbox复选框,而仅仅能同意最多选6个。调试了老半天。最终出来了,代码例如以下:

    <SCRIPT LANGUAGE="JavaScript"> 
    var c=0,limit=6; 
    function doCheck(obj) { 
        obj.checked?c++:c--; 
        if(c>limit){
    	    obj.checked=false;
    	    alert("over");
    	    c--; 
        }
    } 
    </SCRIPT> 
    <html>
    <body>
        <input type="CHECKBOX" name="sample1" onClick="doCheck(this)">A
        <input type="CHECKBOX" name="sample2" onClick="doCheck(this)">B 
        <input type="CHECKBOX" name="sample3" onClick="doCheck(this)">C 
        <input type="CHECKBOX" name="sample4" onClick="doCheck(this)">D 
        <input type="CHECKBOX" name="sample5" onClick="doCheck(this)">E 
        <input type="CHECKBOX" name="sample6" onClick="doCheck(this)">F 
        <input type="CHECKBOX" name="sample7" onClick="doCheck(this)">G 
        <input type="CHECKBOX" name="sample8" onClick="doCheck(this)">H 
        <input type="CHECKBOX" name="sample9" onClick="doCheck(this)">I 
        <input type="CHECKBOX" name="sample10" onClick="doCheck(this)">J 
    </body>
    </html>

    展示结果例如以下:


            特此分享,希望对大家有帮助☺

  • 相关阅读:
    python基础7
    python基础7
    十大经典预测算法(一)----线性回归
    RNN-循环神经网络
    CNN之经典卷积网络框架原理
    卷积神经网络CNN
    决策树的生成
    欠拟合、过拟合及解决方法
    决策树
    KD树
  • 原文地址:https://www.cnblogs.com/yxysuanfa/p/6991628.html
Copyright © 2011-2022 走看看