切換文本

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