切换文本

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'); 
    } 
});