Checkboxes

[kermit_cof]

Hi

Checkboxes:

I need a script that shows a layer when the checkbox is checked and hides a layer when the checkbox is unchecked.

I've tried Dreamweaver's behavior functions but to no avail.

Pls help!

Thanks

[jscheuer1]

<input type="checkbox" onclick="if (this.checked) {document.getElementById('id1').style.visibility='visible'} else {document.getElementById('id1').style.visibility='hidden'};" />
<div id="id1" style="visibility:hidden">Hi</div>

[kermit_cof]

It works like a dream!

Thanks Jon

[mwinter]

<input type="checkbox" onclick="if (this.checked) {document.getElementById('id1').style.visibility='visible'} else {document.getElementById('id1').style.visibility='hidden'};" />
<div id="id1" style="visibility:hidden">Hi</div>

You could simplify that slightly using the conditional operator:

document.getElementById('id1').style.visibility = this.checked ? 'visible' : 'hidden';

However, I'd use something more robust:

function setVisibility(object, visibility) {
  if(('string' == typeof object) && document.getElementById) {
    object = document.getElementById(object);
  }
  if(object && object.style) {
    object.style.visibility = visibility;
  }
}

setVisibility('id1', this.checked ? 'visible' : 'hidden');

Mike