javascript - 选中和取消选中复选框时切换文本

Question

我有一个复选框，旁边有文字。我想在选中和取消选中复选框时切换文本"is"或“否”。我很难做到这一点，有人有这方面的例子吗？我无法让 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");
  });
});