0

我有一大块 jQuery，它基于 html data-* 标签工作，可以通过组中的复选框来搜索表单。

单击“全部”复选框，其余所有复选框都应处于未选中状态（每次都可以正常工作）。

现在，如果选择了“全部”并且您单击了不同的选项，那么“全部”应该被取消选择，这也可以按预期工作。

但是，如果您愿意，您可以取消选择“全部”复选框，该复选框应默认为选中其余复选框，以便您可以取消选择所需的结果。

如果到目前为止您尚未更改任何其他内容，则这是第一次使用，但是如果选择了任何其他复选框栏“全部”，或者您已经单击了“全部”按钮，如果您选择失败，则再次取消选择.

任何关于它要做什么的想法都将不胜感激（我尝试使用控制台来发现它没有做什么，但到目前为止它没有提供任何线索）。

下面的例子。

html...
<input data-sel-group='group1' id='group1_all'/>
<input data-sel-group='group1' id='group1_1'/>
<input data-sel-group='group1' id='group1_2'/>
/html...

jQuery...
$('input:checkbox').on('click',function(){
var sel = $(this).data('sel-group'),
    all = $('#'+sel+'_all'),
    chk = all.is(':checked');
    if($(this).attr('id')==all.attr('id')){
        if(chk){
            $('input[data-sel-group="'+sel+'"][id!="'+sel+'_all"]').attr('checked', false);
        }else{
            $('input[id!="'+sel+'_all"][data-sel-group="'+sel+'"]').attr('checked', true);
        }
    }else{
        all.attr('checked', false);
        if($('input[data-sel-group="'+sel+'"]:checked').length<=0){
            all.attr('checked', true);
        }
    }
})
4

2 回答 2

1

使用.prop()代替.attr()

$(selector).prop('checked', true/false);

还要通过.prop() 与 .attr()

于 2016-04-18T10:55:50.933 回答
0

您应该在设置复选框属性检查时使用延迟执行。 请参考这个博客

于 2016-04-18T11:09:06.180 回答