所需：用户只能在显示的3个复选框中单击2个；否则，请单击“确定”。当用户单击复选框时，复选框背景变为橙色。
当前：第一个复选框处于选中状态。第二个复选框打勾，但不更改背景颜色。再次单击时，它将取消勾选并更改为所需的背景颜色（但尚未选择）。当已经选择两个复选框时，第三个复选框是不可选择的。
要求：帮助达到期望，谢谢！
小提琴： http : //jsfiddle.net/0fkn1xs4/
代码：
$('input.playerCheckbox').on('change', function(event) {
var selectableFriends = 2;
if($('.playerCheckbox:checked').length > selectableFriends) {
this.checked = false;
}
numberCurrentlySelected = $('.playerCheckbox:checked').length;
if(numberCurrentlySelected < selectableFriends) {
$(this).closest("li").toggleClass("checked");
}
});
$('input.playerCheckbox').on('change', function(event) {
var selectableFriends = 2;
if($('.playerCheckbox:checked').length > selectableFriends) {
this.checked = false;
}
$(this).closest("li").toggleClass("checked", this.checked);
});
一个稍微干净的实现，可以满足您的需求。查看JSFiddle
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句