重构JQuery设置复选框属性

Question

这段代码可以用单行格式编写吗？

if ($('#sIsTopNav').text().trim() === 'True') {
    $('#chkIsTopNav').attr('checked','checked');
}else {
    $('#chkIsTopNav').removeAttr('checked');
}

TIA ..

Answer 1

尝试使用conditional (ternary) operator，

$('#sIsTopNav').text().trim() === 'True' ? $('#chkIsTopNav').attr('checked','checked') :  $('#chkIsTopNav').removeAttr('checked');

Answer 2

你可以这样做：

$('#chkIsTopNav').prop('checked', $('#sIsTopNav').text().trim() === 'True')

注意：

• 删除checked属性与将其设置为false具有相同的效果。
• 使用.prop()是设置checked，disabled等属性的当前推荐方式。