JavaScript 复选框被选中个数大于某值Callback组件功能实例

这篇文章主要为大家详细介绍了JavaScript 复选框被选中个数大于某值Callback组件功能实例，具有一定的参考价值，可以用来参考一下。

/**
 * @arrange （www.idcnote.com）
* 判断多选框如果大于限制的选中数量的值则执行Callback函数
* 使用方法如下
* checkboxIsoverstep(defEl, voteCountNum, function() {
*   alert('最多选' + voteCountNum + '项');
* });
* checkboxsWarpEl : checkbox的父级元素
* num : 限制的选中数量
*/
checkboxIsoverstep: function(checkboxsWarpEl, num, callBack) {
  var checkboxEl = $('input[type=checkbox]', checkboxsWarpEl);
  checkboxEl.on('click', function() {
    var checkedsLen = $(':checked', checkboxsWarpEl).length;
    if (checkedsLen > num) {
      $(this).prop('checked', false);
      callBack()
    }
  });
}

注：关于JavaScript 复选框被选中个数大于某值Callback组件功能实例的内容就先介绍到这里，更多相关文章的可以留意