在消除jQuery函数中的重复代码并实现选中两个复选框时禁用一组复选框的功能,可以使用以下方法:
function disableCheckboxes(selector) {
$(selector).prop('disabled', true);
}
$(document).ready(function() {
$('#checkbox1, #checkbox2').change(function() {
if ($('#checkbox1').is(':checked') && $('#checkbox2').is(':checked')) {
disableCheckboxes('.group-checkbox');
} else {
$('.group-checkbox').prop('disabled', false);
}
});
});
上述代码中,#checkbox1
和#checkbox2
是要选中的两个复选框的选择器,.group-checkbox
是要禁用的一组复选框的选择器。当两个复选框都被选中时,调用disableCheckboxes
函数禁用一组复选框;否则,将一组复选框的disabled
属性设置为false
,启用复选框。
这种方法可以避免在每个需要禁用复选框的地方重复编写相同的代码,提高了代码的可维护性和重用性。
推荐的腾讯云相关产品:无
注意:本回答不包含亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商。
领取专属 10元无门槛券
手把手带您无忧上云