Javascript 当li上的类不存在时禁用按钮

我想防止在列表中没有选定项目时单击按钮。仅当列表中至少有1个具有突出显示的

类时才启用它

HTML

CSS:


尝试使用此脚本，但如何将属性从禁用切换为启用

if( $('.list .label-list').hasClass('highlight') === true ) 
{
 $('#search').addClass('active');
}

您应该测试is
：checked
类似


var$checkb=$（“.list”）.find（“输入[type='checkbox']”），
$search=$（“#search”）；
$checkb.on（“更改”，函数（）{
$search.prop（“已禁用）”，！$checkb.is（“已选中”）；
});



挑选


挑选


挑选


挑选


您可以使用这个jquery选择器简单地计算所有选中的复选框

$('input[type=checkbox]:checked').length

这将返回所选复选框的总计数

只需添加此事件侦听器，每次更改复选框值时都会发生此事件侦听器

$(document).on('change', 'input[type=checkbox]', function() {
    var disabled = $('input[type=checkbox]:checked').length ? false: true;
    $("#search").attr('disabled', disabled);
})

真/假报税表在这里是多余的。@Hosney我认为这个答案不值得投否决票，因为那不是我的小多余。。不知道为什么会有人对答案投反对票。看起来至少有一个被选中时，代码会被禁用？也许这就是投票失败的原因。如果投票人留下评论会很有帮助。@Hosney该问题是他自己说的，他想阻止按钮被点击，或者在列表中没有选中复选框时将其禁用，并且只有在他选中至少一个复选框时才启用它，这意味着我的答案是正确的
if( $('.list .label-list').hasClass('highlight') === true ) 
{
 $('#search').addClass('active');
}

$('input[type=checkbox]:checked').length

$(document).on('change', 'input[type=checkbox]', function() {
    var disabled = $('input[type=checkbox]:checked').length ? false: true;
    $("#search").attr('disabled', disabled);
})