在粘贴的代码中,三元代码检查是否存在复选框单击并相应地显示结果。缺点是,如果用户取消选中其中一个框,则会隐藏选中的 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>');
});
});
最佳答案
最简单的方法,在保持基本布局和逻辑的同时,我想说的是改变你的
$(this).is(':checked')
到一个
checked.length > 0
因此,只有在您确实向已检查字符串添加了值时才隐藏 div..
关于javascript - 检查三元条件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13526082/