javascript - 检查三元条件

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

因此，只有在您确实向已检查字符串添加了值时才隐藏 div..