jquery - 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 来执行此操作。但是，如果您使用类似 EJS 的模板库然后可以根据需要内联完成。

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

另一种选择是使用 JS/jQuery 来使用脚本设置属性，就像上面 Brad 所做的那样。