ML.Steve wrote:[color=blue]
> Hi,
>
> There are lots of posts on this subject but after a couple of hours of
> going though them I still can't get a number of fields to be disabled
> when a checkbox is ticked. Basically I have a lot of Forecast and
> Actual dates that can be entered, and next to each one an 'NA' checkbox
> that I want to disable/grey-out both dates (and the JavaScript calendar
> if possible). It also only has to work on Internet Explorer 6, as it
> is for internal use only.
>
> Any help greatly welcome as this is starting to drive me mad.[/color]
Here's an example that should get you going:
<script type="text/javascript">
function disableControls(el)
{
var num = el.name.replace(/\D/g,'');
var form = el.form;
form['Forecast'+num].disabled = el.checked;
form['Actual'+num].disabled = el.checked;
}
</script>
<form name="lform" method="get" action="UpdateDB.asp">
<table border="1">
<tr>
<td><b>Forecast1:</b>
<input type="text" name="Forecast1"></td>
<td><b>Actual1:</b>
<input type="text" name="Actual1"></td>
<td><input type="checkbox" NAME="NA1"
onclick="disableControls(this);"> N/A</td>
</tr>
</table>
</form>
The trick is keep the number part of name of related controls the same.
If you wanted to get more complex, you could create an object that has
the name of the checkbox and the names of the controls to
enable/disable, like:
var relatedControls = {
'NA1' : ['Actual1','Forecast1'],
'NA2' : ['Actual2','Forecast2']
};
Then the function could do something like:
function toggleDisabled(el)
{
var form = el.form;
var controlNames = relatedControls[el.name];
var isChecked = el.checked;
var i = controlNames.length;
while (i--){
form[controlNames[i]].disabled = isChecked;
}
}
That way each checkbox could enable/disable any number of controls.
--
Rob
