M
middletree
I know this isn't the right forum, but this is driving me crazy, and I don't
think I'm very off, probably one little thing is keeping me from being
successful.
I'd like to have two radio buttons, and the first one will be selected by
default when the page loads. When it is selected, the two checkboxes below
the second radio button should be invisible. The only way to see the two
checkboxes is when the second radio button is selected. If you select it and
then go back to the first radio button, those checkboxes should disappear
again.
Here's what I have so far; I think I'm pretty close, but I am missing
something, don't know what:
In the <head> section:
<style>
#ReportTypeDiv {
display:none
}
</style>
then(watch the wrap):
<input type='radio' id='ReportType' name='ReportType' value='Summary'
onclick='document.getElementById("ReportTypeDiv").style.display=this.checked
?"block":"yes" ' checked>Show Summary Info
<input type='radio' id='ReportType' name='ReportType' value='Details'
onclick='document.getElementById("ReportTypeDiv").style.display=this.checked
?"block":"none" '>Show Detailed Info
<div class="ReportTypeDiv" id="ReportTypeDiv">
<!--if showing details, then choose whether to display internal notes, the
notes seen by the customer, or both-->
<input type='Checkbox' name='ShowInternal' value='true'>Show Internal
Notes
<input type='Checkbox' name='ShowExternal' value='true'>Show External
Notes
</div>
</form>
think I'm very off, probably one little thing is keeping me from being
successful.
I'd like to have two radio buttons, and the first one will be selected by
default when the page loads. When it is selected, the two checkboxes below
the second radio button should be invisible. The only way to see the two
checkboxes is when the second radio button is selected. If you select it and
then go back to the first radio button, those checkboxes should disappear
again.
Here's what I have so far; I think I'm pretty close, but I am missing
something, don't know what:
In the <head> section:
<style>
#ReportTypeDiv {
display:none
}
</style>
then(watch the wrap):
<input type='radio' id='ReportType' name='ReportType' value='Summary'
onclick='document.getElementById("ReportTypeDiv").style.display=this.checked
?"block":"yes" ' checked>Show Summary Info
<input type='radio' id='ReportType' name='ReportType' value='Details'
onclick='document.getElementById("ReportTypeDiv").style.display=this.checked
?"block":"none" '>Show Detailed Info
<div class="ReportTypeDiv" id="ReportTypeDiv">
<!--if showing details, then choose whether to display internal notes, the
notes seen by the customer, or both-->
<input type='Checkbox' name='ShowInternal' value='true'>Show Internal
Notes
<input type='Checkbox' name='ShowExternal' value='true'>Show External
Notes
</div>
</form>
