动态限制可选的最大复选框数

时间:2012-02-25 19:34:31

标签: javascript

我发现很多脚本限制了可以在javascript页面中选择的最大复选框数,例如这里有一个:

http://www.plus2net.com/javascript_tutorial/checkbox-limit.php

但是我不需要特定的数字,但需要一个VARIABLE数字。

这意味着我需要一个百分比限制,而不仅仅是一个数字。

例如,将用户选择限制为页面中最多30%的复选框。

非常感谢任何有关如何实现这一目标的帮助!

1 个答案:

答案 0 :(得分:1)

要将该脚本更改为百分比而不是固定总数,您只需要占总元素数的30%。

function chkcontrol(j) {
  var length = document.form1.chb.length;

  // Max number allowed checked is 30% of the total
  var max = Math.round(length * .3);
  var total = 0;
  for(var i = 0; i < length; i++){
    if(document.form1.ckb[i].checked){
      total = total + 1;
    }

    if(total > max){
      alert("Please Select only three") 
      document.form1.ckb[j].checked = false ;
      return false;
    }
  }
}