Прикрепите * к моему DIv по щелчку флажка в JQuery

Question

Я новичок в JQUery. Если я проверил checkBox как требуется, мне нужно получить * в div.

    <label class='Label3'>Options
    <input id='option1' class='checkbox' type='checkbox'></input><label class='choice' for='checkbox'>Required</label>
    <input id='option2' class='checkbox' type='checkbox'></input><label class='choice' for='checkbox'>No duplicates</label>
    </label>

Если я выбрал option1, тогда мне нужно получить * Присоединенный к моему Div, который уже сгенерирован до этого. Как я могу это сделать?

Answer 1

Все, что вам нужно, это событие onclick.

$('#option1').click(function() {
  if (this.checked) {
     $('#targetDiv').text('*');
  } else {
     $('#targetDiv').text('');
  }
});

См. Этот пример.