Fügen Sie ein * zu meinem DIv beim Klicken auf das Kontrollkästchen in JQuery

Question

Ich bin neu in JQuery. Wenn ich die checkBox wie erforderlich überprüfte, muss ich ein * zu einem div bekommen.

<label class='Label3'>Options 
    <input id='option1' class='checkbox' type='checkbox'></input><label class='choice' for='checkbox'>Required</label> 
    <input id='option2' class='checkbox' type='checkbox'></input><label class='choice' for='checkbox'>No duplicates</label> 
    </label> 

Wenn ich die option1 dann wähle ich brauche eine * meiner Div Beigefügt zu erhalten, die bereits vor diesem erzeugt wird. Wie kann ich das machen?

Answer 1

Alles, was Sie brauchen, ist das onclick-Ereignis.

$('#option1').click(function() { 
    if (this.checked) { 
    $('#targetDiv').text('*'); 
    } else { 
    $('#targetDiv').text(''); 
    } 
}); 

See this example.