:checked-kieker
Die :checked kieker kies elemente
wat gekies is, dit wil sê dié met die kenmerke
checked of
selected.
Die :checked kieker werk met merkblokkies
(checkbox) en
radio-skakelaars
(radio),
sowel as vir elemente met die
option etiket.
Om slegs die gekose opsies van
select elemente te kry,
gebruik die
selected kieker.
Sintaksis
So kies ons elemente met die
checked kenmerk:
$(':checked');
Voorbeeld
Laat ons elke keer as 'n merkblokkie gekies word, die aantal gekose merkblokkies vertoon. Soos jy kan sien sal tot by jou eerste klik die merkblokkies vertoon word wat by verstek gekies is, dit is die tweede en vierde:
<form>
<p>
<input type="checkbox" name="cbox" value="one">
<input type="checkbox" name="cbox" value="two" checked="checked">
<input type="checkbox" name="cbox" value="three">
<input type="checkbox" name="cbox" value="four" checked>
<input type="checkbox" name="cbox" value="five">
</p>
</form>
<div></div>
div {
color: green;
}
let countChecked = function() {
let n = $('input:checked').length;
$('div').text('Gekies: ' + n);
};
countChecked();
$('input[type=checkbox]').on('click', countChecked);
Voorbeeld
Laat ons by elke klik die waarde van elke gekose radio-skakelaar onderaan vertoon:
<form>
<div>
<input type="radio" name="digits" value="one" id="one">
<label for="one">one</label>
</div>
<div>
<input type="radio" name="digits" value="two" id="two">
<label for="two">two</label>
</div>
<div>
<input type="radio" name="digits" value="three" id="three">
<label for="three">three</label>
</div>
<div id="text"></div>
</form>
input, label {
line-height: 1.5em;
}
$('input').on('click', function() {
$('#text').html($('input:checked').val() + ' is gekies!');
});
