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

【问题标题】：Toggle text when the checkbox is selected and deselected选中和取消选中复选框时切换文本
【发布时间】：2009-06-24 19:47:38
【问题描述】：

我有一个复选框，旁边有文字。我想在选中和取消选中复选框时切换文本“是”或“否”。我遇到了困难，有人有这个例子吗？我无法让 Jquery 响应复选框的状态。

【问题讨论】：

只是我的意见，但我认为这样的功能会让用户感到困惑。

标签： javascript jquery

【解决方案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");
  });
});

【讨论】：

【解决方案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');
    }
});

【讨论】：