a little confused

**painfull** · December 8th, 2009, 05:35 PM

hey everyone iam fairly new to javascript and struggling a little and i have a few questions
below is my code and iam trying to make a site that when you click on the check box the desired paragraph will appear maybe everyone can assist me with this?

**painfull** · December 8th, 2009, 05:35 PM

here is meh code

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN'
'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>

<head>
<title> PROJECT 6-- OBJECTIVE</title>
<meta http-equiv='Content-Type' content='text/html; charset= utf-8' />

<style type="text/css">

h2 {text-align:center}
h3 {text-align:center}

body {background-color:#cccccc;}

</style>


</head>
<body>

<h2>JavaScript Objects Project</h2>

<form>

<div style="text-align:center ;border:1px solid red">

<text-align="left"><strong>Show:</strong>

<input type="checkbox" name="objective" value=objective" /> Objective

<input type="checkbox" name="details" value="details" /> details

<input type="checkbox" name="submissions" value="submissions" /> submissions
</form>

</div>

<script type="text/javascript">

if (obj = true

}
document.write("testing");
}
</script>

**Xeel** · December 8th, 2009, 06:00 PM

1. When posting code please USE CODE TAGS
2. This is Java forum. JavaScript has nothing to do with Java (except certain naming/syntax similarities). JavaScript forums are here: http://www.codeguru.com/forum/forumdisplay.php?f=8

3. Here's the answer:

Code:

<script type="text/javascript">
function showText(checkBox){
	if(checkBox.checked){
		document.getElementById(checkBox.value).style.display = "block";
	}else{
		document.getElementById(checkBox.value).style.display = "none";
	}
}
</script>


<input type="checkbox" name="objective" value="objective" onclick="showText(this);" /> Objective <br />
<input type="checkbox" name="details" value="details" onclick="showText(this);" /> Details <br />
<input type="checkbox" name="submissions" value="submissions" onclick="showText(this);" /> Submissions <br />

<p id="objective" style="display:none;">Objective description text...</p>
<p id="details" style="display:none;">Details description text...</p>
<p id="submissions" style="display:none;">Submissions descriptions...</p>