真假條件直列

Question

我有這樣的代碼：

<input type='checkbox'> 

我要讓有條件使用jQuery，例如，如果data[1].condition是true，然後將其選中，如果沒有的話不。

可能是這樣的：

<input type='checkbox' + if data[1].condition is false, unchecked + "'> 

<input type='checkbox' + if data[1].condition is true, checked + "'> 

有沒有一種方法來設置它內聯？例如：

<input type='checkbox' + data[1].condition | checked + "'> 

Answer 1

有沒有真正的方法來做到這一點內聯。

使用jQuery ...

if(data[1].condition === false){ 
    $('input').removeAttr('checked'); 
} else { 
    $('input').prop('checked', true); 
} 

Answer 2

答案很簡單：不！

你不能使用HTML和JS來使用它。但是，如果您使用像EJS這樣的模板庫，則可以根據需要以內聯方式完成。

<input type="checkbox" <%= data[1].condition ? 'checked' : '' %> /> 

另一種選擇是使用JS/jQuery來設置使用腳本的屬性，如上面Brad所做的那樣。