重構JQuery設置複選框屬性

Question

這個代碼可以寫成單行格式嗎？

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

TIA ..

Answer 1

你可以這樣做：

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

注意：

• 刪除checked屬性與將其設置爲false的效果相同。
• 使用.prop()是當前推薦的方式設置像checked性質，disabled等

Answer 2

嘗試使用conditional (ternary) operator，

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