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!
-
Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Enable certain boxes 1
- Thread starter Rowse
- Start date
first check for the checked condition
if(document.formname.checkboxname.checked = true) {
now that you have that you can disable things
document.formname.textboxname.disabled = true or 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
if(document.formname.checkboxname.checked = true) {
now that you have that you can disable things
document.formname.textboxname.disabled = true or 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
I've used the code:
<script language="javascript">
if (document.Relationship.WholeRel.checked=true)
{document.relationship.groupstat.disabled=false}
</script>
However, i get the following error:
document.Relationship.wholerel is null or not an object.
My form is called Relationship
Checkbox is called WholeRel
Dropdown is called GroupStat
Where am I going wrong?
<script language="javascript">
if (document.Relationship.WholeRel.checked=true)
{document.relationship.groupstat.disabled=false}
</script>
However, i get the following error:
document.Relationship.wholerel is null or not an object.
My form is called Relationship
Checkbox is called WholeRel
Dropdown is called GroupStat
Where am I going wrong?
-
1
- #5
in the code you posted your caps are inconsistent. Javascript needs the elements to be referenced exactly how they are named, its case sensitive. So you might need to check that the checkbox input is WholeRel and not wholerel...
The following works fine for example:
<HTML>
<HEAD>
<script language="javascript">
function testCheck() {
if (document.Relationship.WholeRel.checked=true)
alert("works"
}
</script>
</HEAD>
<BODY>
<FORM name="Relationship">
<INPUT type="checkbox" name="WholeRel" checked></INPUT>
<INPUT type="button" value="test" onclick="testCheck()"></INPUT>
</FORM>
</BODY>
</HTML>
Joe.
The following works fine for example:
<HTML>
<HEAD>
<script language="javascript">
function testCheck() {
if (document.Relationship.WholeRel.checked=true)
alert("works"
;}
</script>
</HEAD>
<BODY>
<FORM name="Relationship">
<INPUT type="checkbox" name="WholeRel" checked></INPUT>
<INPUT type="button" value="test" onclick="testCheck()"></INPUT>
</FORM>
</BODY>
</HTML>
Joe.
I've modified the script so as when the checkbox is un-ticked the submit button is greyed out, however it still errors, any more ideas?
<script language="javascript">function testCheck()
{
if (document.Relationship.WholeRel.checked=true)
(document.Relationship.test.Disabled=true);}</script>
</head>
<body>
<FORM name="Relationship">
<INPUT type="checkbox" name="WholeRel" onclick="testCheck()" checked></INPUT>
<INPUT type="button" value="test"></INPUT></FORM></BODY></HTML>
<script language="javascript">function testCheck()
{
if (document.Relationship.WholeRel.checked=true)
(document.Relationship.test.Disabled=true);}</script>
</head>
<body>
<FORM name="Relationship">
<INPUT type="checkbox" name="WholeRel" onclick="testCheck()" checked></INPUT>
<INPUT type="button" value="test"></INPUT></FORM></BODY></HTML>
try this lot
<HTML>
<HEAD>
<script language="javascript">
function testCheck() {
if (document.Relationship.WholeRel.checked==true) {
document.Relationship.testselect.disabled=true;
} else {
document.Relationship.testselect.disabled=false;
}
}
</script>
</HEAD>
<BODY>
<FORM name="Relationship">
<INPUT type="checkbox" name="WholeRel" onClick="testCheck()"></INPUT>
<select name="testselect"><option value="1">1 line</option><option value="2">2 line</option></select>
</FORM>
</BODY>
</HTML>
<HTML>
<HEAD>
<script language="javascript">
function testCheck() {
if (document.Relationship.WholeRel.checked==true) {
document.Relationship.testselect.disabled=true;
} else {
document.Relationship.testselect.disabled=false;
}
}
</script>
</HEAD>
<BODY>
<FORM name="Relationship">
<INPUT type="checkbox" name="WholeRel" onClick="testCheck()"></INPUT>
<select name="testselect"><option value="1">1 line</option><option value="2">2 line</option></select>
</FORM>
</BODY>
</HTML>
Here's the code that works, but it only allows the tick one way:
<script language="javascript">function testCheck()
{
if (document.Relationship.WholeRel.checked=true)
(document.Relationship.button.disabled=false);}
</script>
</head>
<body>
<FORM name="Relationship">
<INPUT type="checkbox" name="WholeRel" onclick="testCheck()"></INPUT>
<INPUT type="button" value="test" name="button" disabled></INPUT></FORM></BODY></HTML>
<script language="javascript">function testCheck()
{
if (document.Relationship.WholeRel.checked=true)
(document.Relationship.button.disabled=false);}
</script>
</head>
<body>
<FORM name="Relationship">
<INPUT type="checkbox" name="WholeRel" onclick="testCheck()"></INPUT>
<INPUT type="button" value="test" name="button" disabled></INPUT></FORM></BODY></HTML>
the following gets ALL the selects from the form. scrolls through and sets disabled according to the checkbox:
<HTML>
<HEAD>
<script language="javascript">
function testCheck() {
var aSelects,vLength;
aSelects=document.Relationship.getElementsByTagName("SELECT"
vArrLeng=aSelects.length;
for(var i=0;i<vArrLeng;i++)
{
if (document.Relationship.WholeRel.checked==true) {
document.Relationship.getElementsByTagName("SELECT".item(i).disabled=true;
}
else
{
document.Relationship.getElementsByTagName("SELECT".item(i).disabled=false;
}
}
}
</script>
</HEAD>
<BODY>
<FORM name="Relationship">
<INPUT type="checkbox" name="WholeRel" onClick="testCheck()"></INPUT>
<select name="testselect1"><option value="1">1 line</option><option value="2">2 line</option></select>
<select name="testselect2"><option value="1">1 line</option><option value="2">2 line</option></select>
<select name="testselect3"><option value="1">1 line</option><option value="2">2 line</option></select>
<select name="testselect4"><option value="1">1 line</option><option value="2">2 line</option></select>
<select name="testselect5"><option value="1">1 line</option><option value="2">2 line</option></select>
</FORM>
</BODY>
</HTML>
<HTML>
<HEAD>
<script language="javascript">
function testCheck() {
var aSelects,vLength;
aSelects=document.Relationship.getElementsByTagName("SELECT"
;vArrLeng=aSelects.length;
for(var i=0;i<vArrLeng;i++)
{
if (document.Relationship.WholeRel.checked==true) {
document.Relationship.getElementsByTagName("SELECT"
.item(i).disabled=true;}
else
{
document.Relationship.getElementsByTagName("SELECT"
.item(i).disabled=false;}
}
}
</script>
</HEAD>
<BODY>
<FORM name="Relationship">
<INPUT type="checkbox" name="WholeRel" onClick="testCheck()"></INPUT>
<select name="testselect1"><option value="1">1 line</option><option value="2">2 line</option></select>
<select name="testselect2"><option value="1">1 line</option><option value="2">2 line</option></select>
<select name="testselect3"><option value="1">1 line</option><option value="2">2 line</option></select>
<select name="testselect4"><option value="1">1 line</option><option value="2">2 line</option></select>
<select name="testselect5"><option value="1">1 line</option><option value="2">2 line</option></select>
</FORM>
</BODY>
</HTML>
joezapp
just for information purposes, when checking for a booean value it is = not ==
watch for inconsistencies as you have shown in the code above with both = and == checking for the value. This can acause errors with in different browsers as different browsers will interprute the code in different ways ---------------------------------------
{ 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
just for information purposes, when checking for a booean value it is = not ==
watch for inconsistencies as you have shown in the code above with both = and == checking for the value. This can acause errors with in different browsers as different browsers will interprute the code in different ways ---------------------------------------
{ 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
- Status
Similar threads
