i have the following code that i need help reworking.
part 1
i want to only the user to only be able to click 3 check boxes or radio buttons.
but, if they change their mind, allow them to uncheck or unclick the radio button
and choose another answer.
part 2
i have other check boxes and radio buttons that i do not want to effect the
the maximum of 3 clicks on the same page. i need to exclude these from the
maximum 3 click choice.
i hope you all can help.
here is my code:
<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
<SCRIPT TYPE="text/javascript">
function checkChecked(obj)
{
var maxchecked = 3;
var chkcount = 0;
var els = obj.form.elements;
for(var i=0; i<els.length; i++)
{
if(els[i].tagName.toLowerC
ase() == 'input')
{
var typ = els[i].type.toLowerCase();
if((typ == 'checkbox' || typ =='radio'))
{
if(els[i].checked)
{
chkcount++;
}
if(chkcount > maxchecked)
{
obj.checked = false;
alert('Sorry, you can select only ' + maxchecked + ' choices');
break;
}
}
}
}
}
</SCRIPT></HEAD>
<BODY>
<FORM NAME="myform">
<P>
<FONT FACE="Arial,Helvetica,Mona
co"><FONT SIZE="2">want only 3
avaliable to click</FONT></FONT></P>
<P>
<FONT FACE="Arial,Helvetica,Mona
co"><FONT SIZE="2">[ must be able to
unclick check box to make a new choice, but still limit to 3 checks ]</FONT></FONT></P>
<P>
<FONT FACE="Arial,Helvetica,Mona
co"><FONT SIZE="2"><INPUT TYPE=CHECKBOX ONCLICK="checkChecked(this
);" /> <INPUT TYPE=CHECKBOX ONCLICK="checkChecked(this
);" /> <INPUT TYPE=CHECKBOX ONCLICK="checkChecked(this
);" /> <INPUT TYPE=CHECKBOX ONCLICK="checkChecked(this
);" /> <INPUT TYPE=CHECKBOX ONCLICK="checkChecked(this
);" /> <INPUT TYPE=RADIO NAME="myradio" ONCLICK="checkChecked(this
);" /> <INPUT TYPE=RADIO NAME="myradio" ONCLICK="checkChecked(this
);" /> <INPUT TYPE=RADIO NAME="myradio1" ONCLICK="checkChecked(this
);" /> <INPUT TYPE=RADIO NAME="myradio1" ONCLICK="checkChecked(this
);" /></FONT></FONT></P>
<P>
<FONT FACE="Arial,Helvetica,Mona
co"><FONT SIZE="2"><INPUT TYPE=CHECKBOX ONCLICK="checkChecked(this
);" /> <INPUT TYPE=CHECKBOX ONCLICK="checkChecked(this
);" /> <INPUT TYPE=CHECKBOX ONCLICK="checkChecked(this
);" /> <INPUT TYPE=CHECKBOX ONCLICK="checkChecked(this
);" /> <INPUT TYPE=CHECKBOX ONCLICK="checkChecked(this
);" /> <INPUT TYPE=RADIO NAME="myradio" ONCLICK="checkChecked(this
);" /> <INPUT TYPE=RADIO NAME="myradio" ONCLICK="checkChecked(this
);" /> <INPUT TYPE=RADIO NAME="myradio1" ONCLICK="checkChecked(this
);" /> <INPUT TYPE=RADIO NAME="myradio1" ONCLICK="checkChecked(this
);" /></FONT></FONT></P>
<P>
<FONT FACE="Arial,Helvetica,Mona
co"><FONT SIZE="2"><INPUT TYPE=CHECKBOX ONCLICK="checkChecked(this
);" /> <INPUT TYPE=CHECKBOX ONCLICK="checkChecked(this
);" /> <INPUT TYPE=CHECKBOX ONCLICK="checkChecked(this
);" /> <INPUT TYPE=CHECKBOX ONCLICK="checkChecked(this
);" /> <INPUT TYPE=CHECKBOX ONCLICK="checkChecked(this
);" /> <INPUT TYPE=RADIO NAME="myradio" ONCLICK="checkChecked(this
);" /> <INPUT TYPE=RADIO NAME="myradio" ONCLICK="checkChecked(this
);" /> <INPUT TYPE=RADIO NAME="myradio1" ONCLICK="checkChecked(this
);" /> <INPUT TYPE=RADIO NAME="myradio1" ONCLICK="checkChecked(this
);" /></FONT></FONT></P>
<P>
<FONT FACE="Arial,Helvetica,Mona
co"><FONT SIZE="2">do not want these
to be limited</FONT></FONT></P>
<P>
<FONT FACE="Arial,Helvetica,Mona
co"><FONT SIZE="2"><INPUT TYPE=CHECKBOX NAME=" "> <INPUT TYPE=CHECKBOX NAME=" "> <INPUT TYPE=CHECKBOX NAME=" "> <INPUT TYPE=CHECKBOX NAME=" "> <INPUT TYPE=CHECKBOX NAME=" "> <INPUT TYPE=CHECKBOX NAME=" "></FONT></FONT></P>
<P>
<FONT FACE="Arial,Helvetica,Mona
co"><FONT SIZE="2"><!-- $MVD$:spaceretainer() --></FONT></FONT> </P
>
<P>
<FONT FACE="Arial,Helvetica,Mona
co"><FONT SIZE="2"><!-- $MVD$:spaceretainer() --></FONT></FONT>
</FORM>
</BODY>
</HTML>
thanks
mike
