Переключить текст

Question

У меня есть флажок с текстом рядом с ним. Я хочу переключать текст «ДА» или «НЕТ», когда флажок установлен и снят. Мне трудно с этим, у кого-нибудь есть пример этого? Я не могу заставить Jquery отвечать на состояние флажка.

Спасибо

Answer 1

Javascript ...

window.onload = function() {
  var chk = document.getElementById('CheckboxIdHere')
  chk.onclick = function() {
    var lbl = document.getElementById('LabelIdHere')
    lbl.innerHTML = (this.checked) ? "Yes" : "No";
  }
}

JQuery ...

$(function() {
  $("#CheckboxIdHere").click(function() {
    $("#LabelIdHere").html(($(this).is(":checked")) ? "Yes" : "No");
  });
});

Answer 2

$('#myCheckbox').click(function() {
    if($(this).is(':checked')) {
        alert('I have been checked');
        $('#myTextEl').text('Yes');
    } else {
        alert('I have been unchecked');
        $('#myTextEl').text('No');
    }
});