Toggle text

Question

Ich habe ein Kontrollkästchen mit Text daneben. Ich möchte den Text 'YES' oder 'NO' umschalten, wenn das Kontrollkästchen ausgewählt und abgewählt ist. Ich habe eine schwere Zeit damit, hat jemand ein Beispiel dafür? Ich kann Jquery nicht dazu bringen, auf den Status der Checkbox zu reagieren.

Dank

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