This should work fine
<script type="text/javascript">
$(document).ready(function() {
$("#directors input[type='checkbox']").click(function() {
$('span.RelStatus').each(function() {
var RelStatusValue =
$(this).find("span").text();
if (RelStatusValue == 'Retired') {
$(this).parents("div.IndividualDirectors").toggle();
}
})
});
});
</script>
When you are trying to affect more then one element at once, you need to
be dealing in classes rather then id's.
I also noticed the script was targeting
"#rptDirectors_ctl00_chkIncludeRetired" which doesn't exist on the page.
evanbu...@gmail.com wrote:
<!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";>
<head>
<meta content="en-us" http-equiv="Content-Language" />
<meta content="text/html; charset=windows-1252" http-equiv="Content-
Type" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/
jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#rptDirectors_ctl00_chkIncludeRetired").click(function() {
$('.RelStatus').each(function() {
var RelStatusValue = $(this).text();
if (RelStatusValue == 'Retired') {
$(this).parents("div").toggle();
}
})
});
});
</script>
<title>Customize Your PDF Request</title>
</head>
<body>
<form name="form1" method="post" action="customize.PDF2.aspx"
id="form1">
<table style="width: 375px" class="style1" id="table1" border="0">
<tr>
<td colspan="2" align="left" nowrap>
<div id="directors">
<input id="chkIncludeRetired" type="checkbox"
checked="checked" /
<i>Show Retired</i>
<br />
<div id="10110" class="IndividualDirectors">
<img src="/images/vspacer.gif" width="58" alt="spacer" />
<input name="rptDirectors$ctl01$chkDirectorName"
type="checkbox" id="rptDirectors_ctl01_chkDirectorName"
class="chkDirector" checked="checked"
value="10110" />
<span id="rptDirectors_ctl01_Label1">M. Bernard</span>
<span id="rptDirectors_ctl01_Label2">Aidinoff</span> (<span
id="rptDirectors_ctl01_Label3">Director</span>) (<span
class="RelStatus" id="RelStatus"><span
id="rptDirectors_ctl01_lblRelStatus">Retired</span></span>)<br
/>
</div>
<div id="106659" class="IndividualDirectors">
<img src="/images/vspacer.gif" width="58" alt="spacer" />
<input name="rptDirectors$ctl02$chkDirectorName"
type="checkbox" id="rptDirectors_ctl02_chkDirectorName"
class="chkDirector" checked="checked"
value="106659" />
<span id="rptDirectors_ctl02_Label1">Steven J.</span> <span
id="rptDirectors_ctl02_Label2">Bensinger</span> (<span
id="rptDirectors_ctl02_Label3">CFO</span>) (<span class="RelStatus"
id="RelStatus"><span id="rptDirectors_ctl02_lblRelStatus">Retired</
span></span>)<br />
</div>
<div id="11685" class="IndividualDirectors">
<img src="/images/vspacer.gif" width="58" alt="spacer" />
<input name="rptDirectors$ctl03$chkDirectorName"
type="checkbox" id="rptDirectors_ctl03_chkDirectorName"
class="chkDirector" checked="checked"
value="11685" />
<span id="rptDirectors_ctl03_Label1">Stephen F.</span>
<span id="rptDirectors_ctl03_Label2">Bollenbach</span> (<span
id="rptDirectors_ctl03_Label3">Director</span>) (<span
class="RelStatus" id="RelStatus"><span
id="rptDirectors_ctl03_lblRelStatus">Retired</span></span>)<br
/>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="2" align="center"><br /><input type="submit"
name="btnContinue" value="Continue >>" id="btnContinue" /><br /></td>
</tr>
</table>
</form>
</body>
</html>
