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

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

感兴趣的小伙伴，下面一起跟随四海网的小编罗X来看看吧。
JS代码如下：

/**
 * @arrange (512.笔记) www.q1010.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()
        }
    });
}

// 来自：四海网（www.q1010.com）

本文来自：http://www.q1010.com/174/1760-0.html

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

关键词：复选框