检查三元条件

Question

在粘贴的代码中，三元代码检查是否存在复选框单击并相应地显示结果。缺点是如果用户取消选中其中一个框，则它会隐藏已检查的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>');
    });
});

Answer 1

最简单的方法，在保持基本布局和逻辑的同时，我会说要改变你的

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

到

checked.length > 0

因此，如果实际上已将值添加到checked字符串中，则只隐藏div。