If a checkbox is ticked?

**chrisb** · 06-20-2009 04:23 AM

Hi,

Wondering if anyone can point me in the right direction of a tutorial or posting with this.

Say I have a form with a checkbox if it was ticked is there anyway I can get some javascript to trigger a input box appearing without hitting a submit button? And if the checkbox is not ticked that input box disappears?

Thank you

**astupidname** · 06-20-2009 06:25 AM

This should get you going on that:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Some Title</title>
<script type="text/javascript">

function checkToggleDisplay(el, otherEl) {
    if (el && el.tagName.toLowerCase() == 'input' && el.type == 'checkbox' && otherEl) {
        otherEl.style.display = (el.checked) ? 'block' : 'none';
    }
}

</script>
</head>
<body>
<div>
<form action="" name="someForm">
Toggle hidden input 1: <input type="checkbox" onclick="checkToggleDisplay(this,this.form.hidInput1);"><br>
Toggle hidden input 2: <input type="checkbox" onclick="checkToggleDisplay(this,this.form.hidInput2);"><br>
<input type="text" name="hidInput1" value="This was hidden 1" style="display:none;"><br>
<input type="text" name="hidInput2" value="This was hidden 2" style="display:none;">
</form>
</div>
</body>
</html>

**chrisb** · 06-20-2009 08:55 AM

Nice! Thank you very much

**Charles** · 06-20-2009 08:59 AM

It might be nice but it's very bad to do. Vast numbers of us out here don't use JavaScript so to keep your site working never hide something with CSS that will be later un-hidden with JavaScript. Instead do the initial hiding with JavaScript.

Thread: If a checkbox is ticked?

Thread Tools

Display

Hybrid View

If a checkbox is ticked?

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions