Form with checkbox unhides text field

[Beagle]

Folks,

I'm trying to write an html page that has a checkbox, such that
checking the box opens a text field. The submit button will post the
data. Any help much appreciated.

Thanks,
BEA

 

[SAM]

Beagle a écrit :

I'm trying to write an html page that has a checkbox, such that
checking the box opens a text field.

HTML :
======

<form blah blah >
<label for="chk_1">Hit the checkbox:
<input type=checkbox id="chk_1" onclick="reveal(this)">
<input class="hide" name="field_1">
</label>


CSS :
=====
label .hide { visibility: hidden }


JS :
====

function reveal ( what ) {
var target = what.parentNode;
while(target.tagName != 'LABEL') target=traget.parentNode;
target = target.getElementsByTagName('INPUT')[1];
target.className = what.checked? '' : 'hide';
}

 

[SAM]

SAM a écrit :

Beagle a écrit :


HTML :
======

Not a good idea this tag label :-(

HTML :
======

<form blah blah >
<P>Hit the checkbox:
<input type=checkbox onclick="reveal(this)">
<input class="hide" name="field_1">
</p>


CSS :
=====
p .hide { visibility: hidden }


JS :
====

function reveal ( what ) {
var target = what.parentNode;
while(target.tagName != 'P') target=traget.parentNode;
target = target.getElementsByTagName('INPUT')[1];
target.className = what.checked? '' : 'hide';
}

 

[Beagle]

Sweet!! Thanks, works, and WOW.

SAM a écrit :

Beagle a écrit :

HTML :
======

Not a good idea this tag label :-(

HTML :
======

<form blah blah >
<P>Hit the checkbox:
<input type=checkbox onclick="reveal(this)">
<input class="hide" name="field_1">
</p>

CSS :
=====
p .hide { visibility: hidden }

JS :
====

function reveal ( what ) {
var target = what.parentNode;
while(target.tagName != 'P') target=traget.parentNode;
target = target.getElementsByTagName('INPUT')[1];
target.className = what.checked? '' : 'hide';

}