Number of selected radio buttons on a form

[fgeorge]

I have several groups of radio buttons on a form how can i loop through all thge radio buttons and determine which ones are selected.

 

[theboyhope]

    var el = document.getElementsByTagName("input");

    for( i=0; i < el.length; i++ ) {

        if ( el[i].checked ) {

		// Some code to run
		// if it's checked
        }
    }

 

[fgeorge]

thanks for the post i will try it out now. but on which event would i put it .
what i am actually trying to achive is so that when a page is refreshed i determine which radio buttons are selected and assign a colour to them in another cell...

the issue i had before when i put the color function On Click was that when the page was refreshed the selected radio buttons show but with out the colours.

i hope i am making a bit of sense here.
thanks

 

[fgeorge]

tope,
u cant maintain state between page refreshes..
pass the variables to a different but similar page..

 

[theboyhope]

Okay, you said that's it's remembering the selected radio's on refresh, which is the behaviour I'd expect too. So, you'd need to run your code "onload".

HTH.

 

[fgeorge]

but onload will take the page back to its initial state..
right?

it cant "remember" which radio buttons were selected..

 

[theboyhope]

Well, I created a page that initially has none selected, selected a few, and refreshed the page. They were still selected and the script worked.

That's all the testing I bothered with though.

 

[fgeorge]

i tried this and i get an error that it can't find length or something ...... the functions that change 'the colours in the first place are in the header of the main document.At runtime i pass a temporary value to it so that it displays the color i need .(these are the functions :

function ColorCode(tmpval){
var tmp;
var idx = parseInt(tmpval);

switch (idx) {
case 1 : tmp = "#cccc66"; break;
case 2 : tmp = "#cc66ff"; break;
case 3 : tmp = "#6666ff"; break;
case 4 : tmp = "#00ffff"; break;
case 5 : tmp = "#ff6633"; break;
default : tmp = "#coe1ff"; //"white";
}
return tmp;
}

function display(tmpval){

var str = tmpval.toString().substring(0,3);
var val = Score(eval("document.forms[0]." + tmpval));
eval(str +"2&quot.innerText = val;
eval("document.all."+str+"6&quot.bgColor = ColorCode(val); //paints the score cell with color corresponding to the selected value
}
else{

//displays the value in a cell e.g s312
eval("document.all."+str+"7&quot.bgColor = ColorCode(val); //paints the score cell with color corresponding to the selected value
}
})
hope it makes a bit of sense...
at runtime i then call function directly on each field on the OnClick event .
e.g display(tmpval) = display (s311)
but when i refresh the form or call it up again , i see the checked radio button but i dont see the colours or values anymore....

any ideas's , please help....(femi mind ur own $£&quot

 

[theboyhope]

Quote: "I tried this and i get an error that it can't find length or something ..."

Surely you can give us a better description than that!!

 

[fgeorge]

given the below code,
for initial radio button form :
<INPUT
onclick=&quot;display('s311');&#13;&quot; type=radio value=1 name=s311>1<BR><INPUT
onclick=&quot;display('s311');&#13;&quot; type=radio value=2 name=s311>2<BR><INPUT
onclick=&quot;display('s311');&#13;&quot; type=radio value=3 name=s311>3<BR><INPUT
onclick=&quot;display('s311');&#13;&quot; type=radio value=4 name=s311>4<BR><INPUT
onclick=&quot;display('s311');&#13;&quot; type=radio value=5
name=s311>5</FONT></DIV><BR></TD>


after the form has been filled and saved...

<INPUT type=hidden value=2 name=s311> <INPUT type=hidden
value=2 name=s321> <INPUT type=hidden value=2 name=s331> <INPUT type=hidden
value=5 name=s341> <INPUT type=hidden value=2 name=s351> <INPUT type=hidden
value=4 name=s361> <INPUT type=hidden value=3 name=s371>

how would i directly reference the value 2 of s311 for instance. i need this value . so that insted of cycling through thr radio buttons i can use the submited form to reference the values directly and use the value to make the clours on the form permanent ?.. what do u think. how can i reference the value directly from the form ...

 

[theboyhope]

I don't think I understand the question anymore. :0/

However, to get the value of an element with name s311 you could use

document.getElementsByName("s311").item(0).value

.

 

[fgeorge]

Thanks , let me try it out.