Hey,
The onSelect function is actually triggered when a user select some text within a text or textfield area. It's not quite what you want. I would use the onClick method.
Code:
<HTML>
<HEAD>
<TITLE>Showing the script</TITLE>
<SCRIPT>
function changeBoxStatus(){
var boxes = new Array();
for (var i = 0; i < 3; i++) {
boxes[i] = document.getElementById("box"+i);
if (boxes[i].checked){
boxes[i].checked = false;
} else {
boxes[i].checked = true;
}
}
}
</SCRIPT>
</HEAD>
<BODY>
<form name="f">
<div>
1: <input type="checkbox" id="box0" checked><br>
2: <input type="checkbox" id="box1" checked><br>
3: <input type="checkbox" id="box2" checked><br>
</div>
Change boxes: <input name=someRadio type=radio onClick="changeBoxStatus()">
</form>
</BODY>
</HTML>
This piece of code will change the status of the radio boxes. Any that are checked will be unchecked and any that are unchecked will be checked. I did it this way, so you could see how to change them both ways.
The internet is an excellent tool to learn how to program such things from. As you learn the syntax and get more familiar with the code, you can find it easier and easier when you need it. Google makes an excellent tool.
Anyhow, I hope this helps.
Jason
Stumble It!
Tweet This
Bookmark on Delicious
Share on Facebook
Share on MySpace