How to disable the checkboxes

sabavno · Jan 16, 2003

Hi,

On my form I have bunch of checkboxes, they have the same name, but different values.

I want to disable all of them if the first check box that has value "D" is checked.

<input type="checkbox" name="RequestType" value="D">
<input type="checkbox" name="RequestType" value="S">
<input type="checkbox" name="RequestType" value="L">
<input type="checkbox" name="RequestType" value="W">

Please advise

Thanks.

onpnt · Jan 16, 2003

why not use radio buttons instead so this is simplified? _______________________________________________
_{{ str = "sleep is good for you. sleep gives you the energy you need to function";

ptr = /sleep/gi;Nstr = str.replace(ptr,"coffee"alert(Nstr); }}
_______________________________________________
for the best results to your questions: FAQ333-2924

http://www.onpntw

Placido · Jan 16, 2003

Here it goes...

<input type="checkbox" name="RequestType" value="D" onclick="document.yourform.RequestType1.disabled=true;document.yourform.RequestType2.disabled=true;document.yourform.RequestType3.disabled=true;">
<input type="checkbox" name="RequestType1" value="S">
<input type="checkbox" name="RequestType2" value="L">
<input type="checkbox" name="RequestType3" value="W">

onpnt · Jan 16, 2003

if you insist [smile]

<html>
<head>
<script language="JavaScript">
function dis() {
for (var count=0; count<document.frm.elements.length; count++)
{
var chkelem = document.frm.elements[count];
if(chkelem.checked == false) {
chkelem.disabled = true;
}
}
}
</script>

</head>
<body>
<form name="frm" action="" method="POST" >
<input type="Checkbox" name="chk1" onclick="dis()">
<input type="Checkbox" name="chk2" onclick="dis()">
<input type="Checkbox" name="chk3" onclick="dis()">

</form>
</body>
</html>
_______________________________________________
_{{ str = "sleep is good for you. sleep gives you the energy you need to function";

ptr = /sleep/gi;Nstr = str.replace(ptr,"coffee"alert(Nstr); }}
_______________________________________________
for the best results to your questions: FAQ333-2924

http://www.onpntw

onpnt · Jan 16, 2003

that disables everything.
easy fixreplace the if condition with
if((chkelem.type == "checkbox&quot

&&(chkelem.checked == false)) {
_______________________________________________
_{{ str = "sleep is good for you. sleep gives you the energy you need to function";

ptr = /sleep/gi;Nstr = str.replace(ptr,"coffee"alert(Nstr); }}
_______________________________________________
for the best results to your questions: FAQ333-2924

http://www.onpntw

sabavno · Jan 20, 2003

Thanks for the help

One question though, I have noticed each check box has a different name
On my form they all have the same name, but different values.

What does that matter?

Placido · Jan 20, 2003

names have to be unique in your scripting, if not javascript will give you an error because will not know which element you are trying to manipulate...

onpnt · Jan 20, 2003

well, kind of
with checkboxs and radio buttons the names a most commonly the same. if you jsut change the names to be the same you will see the function still works fine. as there is no realtion between the naming of the checkboxs and the function _______________________________________________
_{{ str = "sleep is good for you. sleep gives you the energy you need to function";

ptr = /sleep/gi;Nstr = str.replace(ptr,"coffee"alert(Nstr); }}
_______________________________________________
for the best results to your questions: FAQ333-2924

http://www.onpntw

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

How to disable the checkboxes

sabavno

Programmer

onpnt

Programmer

Placido

MIS

onpnt

Programmer

onpnt

Programmer

sabavno

Programmer

Placido

MIS

onpnt

Programmer

Similar threads

Part and Inventory Search

Sponsor