Как при append() передать состояния checkbox?

Question

[Cepesh16]

https://jsfiddle.net/Cepesh16/617wuqx0/8/

Есть кнопка и основной чекбокс. По нажатию кнопки должен создаваться новый чекбокс, со значением «checked» равным основному чекбоксу. Как это правильно реализовывается?

Answer 1

[0xD34F]

$('#btn__AddEmployee').click(function() {
  const checked = $(this).prev().prop('checked');

  $('#table__Employee tbody').append(`
    <tr>
      <td>
        <input type="checkbox" ${checked ? 'checked="checked"' : ''}>
      </td>
    </tr>
  `);
});

или

document.querySelector('#btn__AddEmployee').addEventListener('click', e => {
  const input = document.createElement('input');
  input.type = 'checkbox';
  input.checked = e.target.previousElementSibling.checked;

  document
    .querySelector('#table__Employee tbody')
    .insertRow()
    .insertCell()
    .append(input);
});

Comments

[Cepesh16]

Все отлично работает, благодарю