CheckBox Help

Status
Not open for further replies.

houssam_ballout

Baseband Member
Messages
32
Hello all

I have a form which has alot of radio buttons and check box for each group (4 or 5)
I want to enable these boxes when I uncheck the check box and restore it back.
can I do with javaScript?
any suggestion
THanks
 
use
document.getElementById("rent").style.display = 'block';
document.getElementById("rent_req").style.display = 'none';

to hide or display the buttons

see attached example

Code:
<script>
function checkrent(veh, box, obox) {
  //alert("veh - " + veh + "\nBox - " + box.checked + "\noBox - " + obox.checked);
  if ((box.checked == true) && (obox.checked == true)) {
    document.getElementById("rent").style.display = 'block';
    document.getElementById("rent_req").style.display = 'none';
  } else {
    document.getElementById("rent").style.display = 'none';
    document.getElementById("rent_req").style.display = 'block';  
  }
}
</script>
<form name=app>
<p class="MsoNormal"><font size="4"></font><span style="font-size: 10.0pt"><font size="4"><input type="checkbox" name="veh1_comp" onclick="if (document.app.veh1_coll.checked == true) {alert('You can not select collision coverage without selecting compreshensive coverage');this.checked=true;}checkrent('veh1', this, document.app.veh1_coll);" value="ON"></font></span></p>
		<p class="MsoNormal"><font size="4">Comp</font></p>
		<p class="MsoNormal"><font size="4"></font><span style="font-size: 10.0pt"><font size="4"><input type="checkbox" name="veh1_coll" onclick="if (document.app.veh1_comp.checked == false) document.app.veh1_comp.checked = true;checkrent('veh1', this, document.app.veh1_comp);" value="ON"></font></span></p>
		<p class="MsoNormal"><font size="4">Coll</font></p>
<hr>
<div id="rent" style='display: none'><p class="MsoNormal"><span style="font-size: 10.0pt"><font size="4"><input type="checkbox" name="veh1_rent" value="ON"></font></span><p class="MsoNormal"><font size="4">
		Rental Reimbursement</font></p>
		<p class="MsoNormal"></p>
		<font size="4">$ [b]<span style="font-size: 10.0pt"><input name="veh1_rent_per_day" maxlength=4 size="4"></span>[/b] 
		per day /</font><p class="MsoNormal">
		<span style="font-size: 10.0pt">[b]<font size="4"> 
		 
		<input name="veh1_rent_days" maxlength=3 size="4"></font>[/b]</span><font size="4">days</font></div><div id="rent_req"><p class="MsoNormal"><font size="4">
		Rental Reimbursement requires Comp & Coll Coverage</font></p></div>
</form>
 
Status
Not open for further replies.
Back
Top Bottom