"McKirahan" <Ne**@McKirahan.com> wrote in message
news:qBgHb.493118$275.1390053@attbi_s53...
"Edward" <eg****@hotmail.com> wrote in message
news:58**************************@posting.google.c om... The code shown below displays a table in a form with 3 check boxes.
When the left checkbox is selected, all other checkboxes are also
selected (hotmail style) (thanks for the groups help with this). The
onUnCick event doesn't work. Could anyone tell me how to correct it??
Thanks,
Ed
<html>
<head>
<title></title>
</head>
<body>
<form name=taskform action=test.php method=post>
<script language="JavaScript">
<!--
var row_1 = new Array("Monday0", "Monday1")
function check_boxes1(state)
{
for (y=0; y < row_1.length; y++)
{
for (i = 0; i < document.taskform.elements.length; i++)
{
if (document.taskform.elements[i].name == row_1[y])
document.taskform.elements[i].checked = state;
}
}
}
--> </script>
<table border=1 width=85%>
<tr>
<td class=small>Check increment</td>
<td class=small>toggle</td>
<td class=small>0:00</td><td class=small>1:00</td>
</tr>
<tr>
<td class=small>on the hour</td>
<td><input type=checkbox name=checkall_row1
onClick="check_boxes1(true)" onUnClick="check_boxes1(false)"></td>
<td><input type=checkbox name=Monday0></td>
<td><input type=checkbox name=Monday1></td>
</tr>
</table>
</form>
</body>
</html>
There is no "onUnClick" event!
You'll have to test (in your JavaScript) whether or not the checkbox is
checked.
If it's no longer checked then treat it as an "UnClick".
This variation of your code does what you want; watch for word-wrap:
<html>
<head>
<title>unclicks.htm</title>
<script language="JavaScript" type="text/lanaguage">
<!--
var row_1 = new Array("Monday0", "Monday1")
function check_boxes1() {
var form = document.taskform;
var state = false;
if (form.checkall_row1.checked) state = true;
for (y=0; y < row_1.length; y++) {
for (i = 0; i < form.elements.length; i++) {
if (form.elements[i].name == row_1[y])
form.elements[i].checked = state;
}
}
}
-->
</script>
</head>
<body>
<form name="taskform" action="test.php" method="post">
<table border="1" width="85%">
<tr>
<td class="small">Check increment</td>
<td class="small">toggle</td>
<td class="small">0:00</td>
<td class="small">1:00</td>
</tr>
<tr>
<td class=small>on the hour</td>
<td><input type="checkbox" name="checkall_row1"
onClick="check_boxes1()"></td>
<td><input type="checkbox" name="Monday0"></td>
<td><input type="checkbox" name="Monday1"></td>
</tr>
</table>
</form>
</body>
</html>
Note that I:
a) relocated the <script> within the <head> tags;
b) inserted type="text/lanaguage";
c) declare "var form = document.taskform;";
d) enclosed values (after "=") in quotes.
I have a habit of cleaning up other's code to my conventions...