Kichaguzi checked
Kichaguzi :checked huchagua vipengee,
ambavyo vimechaguliwa, yaani vile ambavyo vina sifa
checked au
selected.
Kichaguzi :checked hufanya kazi na vibonyeza vyenye alama
(checkbox) na
vibonyeza vya redio
(radio),
na pia kwa vipengee vilivyo na kitambulishi
option.
Ili kupata tu chaguzi zilizochaguliwa za vipengee
select,
tumia kichaguzi
selected.
Kiowazo
Hivi ndivyo tunavyochagua vipengee vilivyo na
sifa checked:
$(':checked');
Mfano
Wacha, kila wakati kibonyeza chenye alama kitakapochaguliwa, tuonyeshe idadi ya vibonyeza vilivyochaguliwa. Kama unavyoona kabla ya mibofyo yako ya kwanza itaonyeshwa vibonyeza vilivyo na alama, vilivyochaguliwa kwa chaguomsingi, hiki ni cha pili na cha nne:
<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('Checked: ' + n);
};
countChecked();
$('input[type=checkbox]').on('click', countChecked);
Mfano
Wacha kwa kubofya tuonyeshe chini thamani ya kila kibonyeza cha redio kilichochaguliwa:
<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 checked!');
});
