флажок типа ввода должен быть истинным или ложным в зависимости от данных

Question

Я пытаюсь создать флажок, который зависит от базы данных, чтобы показать, должен ли он быть изначально отмечен или не отмечен.

Воспроизвести флажок и значение с true / false, 0/1 и"" / blank

$.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>`)
});

Ожидается:

• Когда данные = Y, флажок установлен
• Когда данные! = Y, флажок не установлен

Answer 1

checked является логическим атрибутом , что означает, что его простое существование указывает, что элемент проверен.

Вам необходимо реструктурировать литерал шаблона так, чтобы checked был тольковключается, если условие true, например

customer.alarmDateInitial === 'Y' ?  'checked' : ''

В контексте:

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

Answer 2

Вы пробовали checked="checked" вместо истинного значения?Вы также можете просто вернуть checked вместо установки значения атрибута.