Forum Moderators: open

Message Too Old, No Replies

radio button validation

what's the best way to make sure a radio button vaule is set

         

pixeltierra

7:28 pm on Oct 19, 2006 (gmt 0)

10+ Year Member



I'm confused by radio button behaviors.

HTML:

<input type='radio' name='model' value='0'> Black
<input type='radio' name='model' value='1'> Red
<input type='radio' name='model' value='2'> Green

Javascript:

form.model.value //gives undefined
form.model.value[0] // gives 0
form.model.value[1] // gives 1
...

But How do I get the current set value for 'model', to know which, if any of the buttons, has been clicked? What I want to know is if they have clicked any of them. Is the only way to check each for 'checked'?

DrDoc

8:54 pm on Oct 19, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The form element "model" is an array, so you need to treat it as such. Depending on the type of checking you need to do, you can loop through them in a
for
loop.

for(1 = 0; i < document.forms[0].model.length; i++) { 
if(document.forms[0].model[i].checked == true) {
alert("Option number " + i + " is selected");
}
}

kaled

12:34 am on Oct 20, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I use the following...

function validateRadioGroup(rb)
// rb = radio button : return true if any in its group is checked
{ var tmp = eval('rb.form.' + rb.name);
if (tmp) for (var i = 0; i < tmp.length; i++) if (tmp[i].checked) return 1
}

Kaled.