dynamic readOnly for type=text works, but not for checkbox

Randell D. · Mar 14, 2005

Folks,

I have a few <INPUT TYPE=TEXT> tags that are readonly if a specific
field has no value... these work fine. However, I also have checkboxes
which I would like to have as readonly, but the same code doesn't work -
Can someone suggest a solution?

This is sample code extracted from my original code:

// Before other input tags determine if they are read only or not,
// they check input tag sp6 has a value
<input name="sp6" type="text" id="sp6" size="8" maxlength="24">

// This works - input tag f6 is read only unless sp6 has a value
<input name="f6" type="text" id="f6" size="10" maxlength="24"
onFocus="if(sp6.value){f6.readOnly=false} else {f6.readOnly=true}">

// This does not work (checkbox tick on & off is always permitted
// regardless if sp6 has a value or not...
<input name="mon6" type="checkbox" id="mon6" value="1"
onFocus="if(sp6.value){mon6.readOnly=false} else {mon6.readOnly=true}">

I have tried onFocus, onChange and onBlur.

I am working on an intranet application built 100% for Mozilla browsers
if browser dependancy proves to be a problem.

All help, via the newsgroup so all can learn is greatly appreciated...

thanks
randelld

Deniz Adrian · Mar 14, 2005

// This does not work (checkbox tick on & off is always permitted

// regardless if sp6 has a value or not...
<input name="mon6" type="checkbox" id="mon6" value="1"
onFocus="if(sp6.value){mon6.readOnly=false} else {mon6.readOnly=true}">
try

mon6.disabled=true;

instead of

mon6.readOnly=true;

worx fine in my Firefox

best regards
deniz adrian

Randell D. · Mar 14, 2005

Deniz said:
instead of

worx fine in my Firefox

best regards
deniz adrian

Luvely Juvely... Thanks for that!

randelld

RobB · Mar 14, 2005

Randell said:
Luvely Juvely... Thanks for that!

randelld

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>untitled</title>
<script type="text/javascript">

window.onload = function()
{
var f, el;
if (f = document.forms[0]
&& (el = f.elements.f6))
el.onfocus(); //keep it in sync
}

</script>
</head>
<body>
<form>
<input name="sp6" type="text" id="sp6" size="8" maxlength="24" />
<input name="f6" type="text" id="f6" size="10" maxlength="24"
onfocus="this.readOnly=!sp6.value" />
<input type="checkbox" onclick="this.checked=this.defaultChecked" />
<input type="checkbox" checked="checked"
onclick="this.checked=this.defaultChecked" />
</form>
</body>
</html>

RobB · Mar 14, 2005

Oops, correction:

onfocus="this.readOnly=/^\s*$/.test(sp6.value)" />

....as the entry '0' will cast to false with the former approach.

RobB · Mar 15, 2005

Monday and I'm tired already....

window.onload = function()
{
var f, el;
if ((f = document.forms[0])
&& (el = f.elements.f6))
el.onfocus(); //keep it in sync
}

"input-group-text" help	7	Aug 10, 2023
onload works in page A but not Page B	3	Jul 19, 2011
Set ReadOnly Property With CheckBox Value	3	Jul 21, 2005
I dont get this. Please help me!!	2	Jan 24, 2023
HCaptcha - How to stop page from refreshing on submit if captcha is not checked/validated	1	Aug 29, 2023
Survey details won't go through using php, ajax, Mysql	0	Oct 26, 2023
Test if text box is readonly	4	May 16, 2004
why js identify my input type for text box but not forcheckbox/radiobox	15	Mar 24, 2008

dynamic readOnly for type=text works, but not for checkbox

Randell D.

Deniz Adrian

Randell D.

RobB

RobB

RobB

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads