On Untick of a checkbox?

A

Advo

Is this Possible? ive got some code which works onclick and makes a div
visible.

onClick='document.getElementById("question11_comment").style.visibility
= "visible";'

Basically, either need a way to do on untick, or on second click. So
the first time they click the box it will make the div visible, and
then the 2nd time, it will make it hidden.

Any ideas please?
 
L

Lee

Advo said:
Is this Possible? ive got some code which works onclick and makes a div
visible.

onClick='document.getElementById("question11_comment").style.visibility
= "visible";'

Basically, either need a way to do on untick, or on second click. So
the first time they click the box it will make the div visible, and
then the 2nd time, it will make it hidden.
Click to expand...

onclick="if(checked){//stuff}else{//otherstuff}"

Easier to think about if the onclick handler calls a function
that handles the logic.


--
 
M

Marc

Advo said:
Is this Possible? ive got some code which works onclick and makes a div
visible.

onClick='document.getElementById("question11_comment").style.visibility
= "visible";'

Basically, either need a way to do on untick, or on second click. So
the first time they click the box it will make the div visible, and
then the 2nd time, it will make it hidden.

Any ideas please?
Click to expand...

a sample:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css"> <!--
..show{visibility: visible}
..hide{visibility: hidden}
--></style>
<script language="javascript" type="text/javascript">
//<![CDATA[
function showHidediv(strDivId, boolshowhide){
var styleSwitch;
if(boolshowhide) styleSwitch = "show";
else styleSwitch = "hide";
document.getElementById(strDivId).className = styleSwitch;
}
//]]>
</script>
</head>
<body>

<input type="checkbox" id="checkbox1" name="checkbox1"
onclick="showHidediv('thediv', this.checked)">
<div id="thediv" class="hide">abcdefg</div>

</body>
</html>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Javascript not hiding nested elements simultaneously 2
Play mp3 on body load call. 1
How can I hide a div using an event listener on multiple checkboxes? 6
How can I get my menu inside of a menu to function properly? 1
[HELP] Add-on - Twitch chat input 0
Hide Content in a table on click of a radio button or checkbox 2
Hello I am learning how to code and I tried making a calculator with HTML and js with some CSS I am stuck at thing, Like the screen value is 0
Can someone pls help me with a little algorithm script 1

Members online

No members online now.
Total: 138 (members: 0, guests: 138)
Robots: 358

Forum statistics

Threads
474,436
Messages
2,571,696
Members
48,796
Latest member
Greg L.

Latest Threads

Top