输入类型复选框是true还是false取决于数据

Question

我正在尝试创建一个复选框，该复选框取决于数据库，以显示是应首先对其进行检查还是不对其进行检查。

围绕复选框播放，值分别为true / false，0/1和“” /空白

$.each(customers, (index, customer) => {
$('#accordionAlarm').append(
`<tr>
<td class="card">

<input type="checkbox" name="checkBox[]" id="1${customer.customerId}" checked="${customer.alarmDateInitial === 'Y' ?  'true' : 'false' }"></input>
<input type="checkbox" name="checkBox[]" id="5${customer.customerId}" checked="${customer.alarmDateFifth === 'Y' ?  'true' : 'false' }"></input>
<input type="checkbox" name="checkBox[]" id="7${customer.customerId}" checked="${customer.alarmDateSeventh === 'Y' ?  'true' : 'false' }"></input>

</td>
</tr>`)
});

预期：

• 当data = Y时，选中此复选框
• 当数据！= Y时，未选中该复选框

Answer 1

checked是boolean attribute，这意味着它的存在表明该元素已被检查。

您必须重组模板文字，以便仅在条件为true（例如，

）时才包含customer.alarmDateInitial === 'Y' ? 'checked' : ''

`<input type="checkbox" name="checkBox[]" id="1${customer.customerId}" ${customer.alarmDateInitial === 'Y' ?  'checked' : '' } ></input>`

在上下文中：

       USD      Weight %  

Answer 2

您是否尝试过checked="checked"而不是真实值？您也可以只返回checked而不是设置属性值。