javascript - jQuery .each() does not update -

javascript - jQuery .each() does not update -

i trying check if set of radio buttons has been selected. however, seems not update if radio selected after fact.

the code:

$('button#submit').click(function() { var addr_chkd = 0; $('input:radio[name="address"]').each(function() { if (!$(this).attr('checked')) addr_chkd++ }); }); if (addr_chkd) //

when button clicked , nil selected, code works great. however, when radio button selected , button clicked, addr_chkd still returns value greater zero.

[update]

the issue i'm checking addr_chkd greater zero. should checking if addr_chkd equal length of radio buttons. made slight modification @ppvg's reply , did trick.

$('button#submit').click(function() { var radios = $('input:radio[name="address"]'); var num_unchecked = radios.filter(':not(:checked)').length; if (num_unchecked === radios.length) { alert('please select button'); } });

try this

$('button#submit').click(function() { var addr_chkd = 0; $('input:radio:[name="address"]').each(function() { if (!$(this).is(':checked')) addr_chkd++ }); });

or can

$('button#submit').click(function() { var addr_chkd = $('input:radio[name="address"]:not(:checked)').length }

since @ time 1 radio button can checked can as

$('button#submit').click(function() { var addr_chkd = $('input:radio[name="address"]').length - 1; }

fiddle illustration above : http://jsfiddle.net/pdm2f/

javascript jquery