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

Dynamically limit maximum number of checkboxes selectable

本文关键字：复选框 最大数 可选择 动态      更新时间：2023-09-26

我发现了许多脚本来限制使用javascript在页面中可以选择的复选框的最大数量，例如：

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

不过，我不需要一个具体的数字，而是一个可变的数字。

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

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

非常感谢您对如何实现这一目标的任何帮助！

要将脚本更改为百分比与固定总数，只需要占用元素总数的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;
    }
  }
}
相关文章：