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

感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。
JS代码如下:

/**
 * @arrange (编程之家) 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)

相关文章

kindeditor4.x代码高亮功能默认使用的是prettify插件,prett...
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代...
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小