Okay, I tried that and it blew my JavaScript up. JavaScript is definately NOT my strong suit.
I can post my test code if you like, but this isn't really a JavaScript forum, but... I do need to figure out how to get this JavaScript to play nice with my php code.
I have a form with dynamically generated sets of radio buttons and checkboxes. When a radio button is checked, then all of the corresponding checkboxes are automatically checked. However, if I change the name from name="s-1" to name="s-1[]" then the javascript won't work.
A really nice guy on a javascript forum wrote the javascript and kindly gave it to me. He's a jsp programmer, so didn't know how php would handle the input. I guess what I need is a sharp php/javascript programmer to give me some advice, so here's the code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script language="javascript">
<!--
function choose(myEl) {
for (var i = 0; i < document.forms[0].elements.length; i++) {
var currentName = document.forms[0].elements.name;
if (document.forms[0].elements.type == "checkbox") {
if (document.forms[0].elements[currentName].length)
for (var x = 0; x < document.forms[0].elements[currentName].length; x++)
document.forms[0].elements[currentName][x].checked =
(document.forms[0].elements.name.split("-")[1] == myEl.name.split("-")[1]);
else
document.forms[0].elements[currentName].checked =
(document.forms[0].elements.name.split("-")[1] == myEl.name.split("-")[1]);
}
if (document.forms[0].elements.type == "radio")
document.forms[0].elements[currentName].checked =
(document.forms[0].elements.name.split("-")[1] == myEl.name.split("-")[1]);
}
}
//-->
</script>
</head>
<body>
<form>
<table border="0" cellpadding="1" cellspacing="0">
<tr>
<td><input type="Radio" name="c-1" value="Eng9" onClick="choose(this);"></td>
<td colspan="2">English 9</td>
</tr>
<tr><td></td><td><input type="Checkbox" name="s-1" value="Eng9-01A"></td><td>01A</td></tr>
<tr><td></td><td><input type="Checkbox" name="s-1" value="Eng9-02A"></td><td>02A</td></tr>
<tr><td></td><td><input type="Checkbox" name="s-1" value="Eng9-03A"></td><td>03A</td></tr>
<tr><td colspan="3"> </td></tr>
<tr>
<td><input type="Radio" name="c-2" value="Eng10" onClick="choose(this);"></td>
<td colspan="2">English 10</td>
</tr>
<tr><td></td><td><input type="Checkbox" name="s-2" value="Eng10-01A"></td><td>01A</td></tr>
<tr><td colspan="3"> </td></tr>
<tr>
<td><input type="Radio" name="c-3" value="Eng12AP" onClick="choose(this);"></td>
<td colspan="2">English 12 AP</td>
</tr>
<tr><td></td><td><input type="Checkbox" name="s-3" value="Eng12AP-01A"></td><td>01A</td></tr>
<tr><td></td><td><input type="Checkbox" name="s-3" value="Eng12AP-02A"></td><td>02A</td></tr>
</table>
</form>
</body>
</html>
If I need to go somewhere else for advice, could you kindly tell me where? Thanks...
