- 思路1:阻止jquery默認事件,嘗試多次無果
- 思路2:達到限制數(shù)量時禁用其它checkbox,變相達到限制4個選擇的作用
$('.ck_tags input').on('ifChecked', function(event){
var length = $('.ck_tags input:checked').length;
if (length > 3) {
$(".ck_tags input").not("input:checked").each(function(){
$(this).iCheck('disable');
});
}
});
$('.ck_tags input').on('ifUnchecked', function(event){
var length = $('.ck_tags input:checked').length;
if (length < 4) {
$(".ck_tags input:disabled").each(function(e){
$(this).iCheck('enable');
});
}
});
- 折騰了近2個小時,思路1的解決方案可以滿足業(yè)務(wù)需求(但無奈嘗試無果),思路2 的實現(xiàn)方式則對用戶體驗更好;避免了彈窗的提示;
- 換個角度思考帶來不一樣的效果,深有體會。
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。