<![CDATA[KillerSites.com Web Design Forums - i need to show a form only when a checkbox is ticked]]> http://www.killersites.com/forums/topic/2265/i-need-to-show-a-form-only-when-a-checkbox-is-ticked/ Fri, 09 Oct 2009 10:43:58 +0000 PunBB <![CDATA[Re: i need to show a form only when a checkbox is ticked]]> http://www.killersites.com/forums/post/11331/#p11331 Seemed a bit of overkill to include 55kb javascript lib (jQuery) just to hide/show a layer.

]]> Fri, 09 Oct 2009 10:43:58 +0000 http://www.killersites.com/forums/post/11331/#p11331 <![CDATA[Re: i need to show a form only when a checkbox is ticked]]> http://www.killersites.com/forums/post/11275/#p11275 I posted some of the code you would need to use to do this with jQuery. BeeDev is right though -- this could be simply done with regular javascript.

]]> Wed, 07 Oct 2009 17:01:59 +0000 http://www.killersites.com/forums/post/11275/#p11275 <![CDATA[Re: i need to show a form only when a checkbox is ticked]]> http://www.killersites.com/forums/post/11260/#p11260 you CAN use jQuery indeed, but you dont NEED to use jQuery, just normal Javascript is fine.

the normal way:

say you have a checkbox, and the form you want to hide/show is contained inside a div with an id="myDiv"

<input type="checkbox" value="myValue" name="myName" onchange="showHide(this)">

<div id="myDiv>
<form name="myForm">
.....
</form>
</div>

then you need a function called showHide that takes an element/object as a paramer -> (this)

<script type="text/javascript">
function showHide(obj)
{
    if(obj.checked){
        // if checkbox is checked then show div with id "myDiv"
        document.getElementById("myDiv").style.display = "block";
    }
    else{
        // otherwise hide div with id "myDiv"
        document.getElementById("myDiv").style.display = "none";
    }
}
</script>
]]> Wed, 07 Oct 2009 11:14:09 +0000 http://www.killersites.com/forums/post/11260/#p11260 <![CDATA[i need to show a form only when a checkbox is ticked]]> http://www.killersites.com/forums/post/11252/#p11252 i need to show a form only when a checkbox is ticked.
Im guessing i need to use jquery to do this.
Anyone know of a tutorial which explains this - or even better your advice.

]]> Wed, 07 Oct 2009 08:45:37 +0000 http://www.killersites.com/forums/post/11252/#p11252