我想至少1个复选框是选择但不超过3

时间:2017-05-29 09:43:25

标签: javascript jquery

我的表单中有多个复选框动态创建。我希望至少选中一个复选框但是限制检查也是3。用户无法检查超过3.Plz帮助我

1 个答案:

答案 0 :(得分:0)

应该是这样的:

var checked = document.querySelectorAll('[type="checkbox"]:checked').length;

if (checked == 0) {
  //nothing checked
}
else if (checked < 3) {
  //ok
}
else {
  //too many checked
}

您可能希望添加类或父选择器以仅获取正确的复选框。

编辑:点击按钮后运行:

function service_prov_choose() {
  var checked = document.querySelectorAll('[type="checkbox"]:checked').length;

  if (checked == 0) {
    //nothing checked
  }
  else if (checked < 3) {
    //ok
  }
  else {
    //too many checked
  }
}