"McKirahan" <Ne**@McKirahan .com> wrote in message
news:qBgHb.4931 18$275.1390053@ attbi_s53...
"Edward" <eg****@hotmail .com> wrote in message
news:58******** *************** ***@posting.goo gle.com... 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="JavaS cript">
<!--
var row_1 = new Array("Monday0" , "Monday1")
function check_boxes1(st ate)
{
for (y=0; y < row_1.length; y++)
{
for (i = 0; i < document.taskfo rm.elements.len gth; i++)
{
if (document.taskf orm.elements[i].name == row_1[y])
document.taskfo rm.elements[i].checked = state;
}
}
}
--> </script>
<table border=1 width=85%>
<tr>
<td class=small>Che ck increment</td>
<td class=small>tog gle</td>
<td class=small>0:0 0</td><td class=small>1:0 0</td>
</tr>
<tr>
<td class=small>on the hour</td>
<td><input type=checkbox name=checkall_r ow1
onClick="check_ boxes1(true)" onUnClick="chec k_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="JavaS cript" type="text/lanaguage">
<!--
var row_1 = new Array("Monday0" , "Monday1")
function check_boxes1() {
var form = document.taskfo rm;
var state = false;
if (form.checkall_ row1.checked) state = true;
for (y=0; y < row_1.length; y++) {
for (i = 0; i < form.elements.l ength; i++) {
if (form.elements[i].name == row_1[y])
form.elements[i].checked = state;
}
}
}
-->
</script>
</head>
<body>
<form name="taskform" action="test.ph p" method="post">
<table border="1" width="85%">
<tr>
<td class="small">C heck increment</td>
<td class="small">t oggle</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.taskfo rm;";
d) enclosed values (after "=") in quotes.
I have a habit of cleaning up other's code to my conventions...