Javascript 检查三元状态

Javascript 检查三元状态,javascript,jquery,Javascript,Jquery,在粘贴的代码中,三元代码检查是否存在复选框单击,并相应地显示结果。缺点是,如果用户取消选中其中一个框,那么它将隐藏选中的div。我只需要在没有勾选框的情况下隐藏选中的div 我的代码可以调整以适应这种情况,还是需要使用if语句重写。谢谢 $(function() { $('input[id^=check]').on('click', function() { var checked = ''; $('input:checkbox:checked').ea

在粘贴的代码中,三元代码检查是否存在复选框单击,并相应地显示结果。缺点是,如果用户取消选中其中一个框,那么它将隐藏选中的div。我只需要在没有勾选框的情况下隐藏选中的div

我的代码可以调整以适应这种情况,还是需要使用if语句重写。谢谢

$(function() {
    $('input[id^=check]').on('click', function() {
        var checked = '';

        $('input:checkbox:checked').each(function (i) {
            checked += this.value + ',';     
        });

        $('.checked').show().html('Checkbox is checked: <strong>' + ($(this).is(':checked') ? checked : $(".checked").hide()) + '</strong>');
    });
});
$(函数(){
$('input[id^=check]')。在('click',function()上{
var检查=“”;
$('input:checkbox:checked')。每个(函数(i){
选中+=此值+',';
});
$('.checked').show();
});
});

最简单的方法是,在保持基本布局和逻辑的同时,更改

$(this).is(':checked')


因此,只有在您实际向选中的字符串添加了值时才隐藏div。

最简单的方法是,在保持基本布局和逻辑的同时,我想说的是更改

$(this).is(':checked')


因此,只有在您实际向选中字符串添加了值时才隐藏div。

老实说,我不理解您的问题,可能是a也会有帮助。mee。你到底想达到什么目的?请展示你的html结构我觉得问题很简单。我只想做的是,如果有<1个复选框未选中,则隐藏.checked div。老实说,我不理解你的问题,可能也是一个会有帮助的.mee。你到底想达到什么目的?请展示你的html结构我觉得问题很简单。我只想做的是,如果有<1个复选框未选中,则隐藏.checked div。