接着上篇讲的项目,在实现过程中按照要求,需要有选择数目的要求,也就是只能选择其中几项的需求,按照我们平时开发,第一个想到的肯定就是在提交时数下多少checkbox的选中,但这样很不友好,所以我们可以自定义一个属性data-limit-selection,具体实现代码:
jQuery(document).delegate(‘[data-limit-selection] input[type="checkbox"]‘, "change", function (b) {
var a = jQuery(this).closest("#check");
if (a.find(‘input[type="checkbox"]:checked‘).length >= a.data("limit-selection")) {
a.find(‘input[type="checkbox"]‘).not(":checked").attr("disabled", "")
} else {
a.find(‘input[type="checkbox"]‘).removeAttr("disabled")
}
});
这样当用户已经选择了规定数目时就把checkbox属性都设置为disabled,自定义一个这样的属性,方便了我们程序开发,也对用户友好
时间: 2024-10-07 20:09:53