HTML元素内嵌的真假条件（复选框）

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

简单回答：不！

您不能像使用HTML和JS一样使用HTML和JS。但是，如果您使用EJS之类的模板库，则可以根据需要内联完成。

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

另一个选择是使用JS / jQuery使用上面Brad完成的脚本来设置属性。

Answer 2

没有真正的内联方式。

使用jQuery ...

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