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

前端之家收集整理的这篇文章主要介绍了JavaScript 复选框被选中个数大于某值Callback组件功能实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。
JS代码如下:

/**
 * @arrange (512.笔记) jb51.cc
 * 判断多选框如果大于限制的选中数量的值则执行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()
        }
    });
}

// 来自:编程之家 jb51.cc(jb51.cc)

猜你在找的JavaScript相关文章