1
Answer

Javascript [Radio button]

Mohan Arumugam

Mohan Arumugam
6y
808
1

How To Show And Hide Input Fields Based On Radio Button Selection

 
 
here my code 
 
 
 
<script type="text/javascript">
function yesnoCheck() {
if (document.getElementById('yesCheck').checked) {
document.getElementById('ifYes').style.display = 'block';
}
else document.getElementById('ifNo').style.display = 'block';
}
</script>
Yes <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="yesCheck">
No <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="noCheck"><br>
<div id="ifYes" style="display:none">
If yes, explain: <input type='text' id='yes' name='yes'><br>
What can we do to accommodate you? <input type='text' id='acc' name='acc'>
</div>
<div id="ifNo" style="display:none">
What can we do to accommodate you? <input type='text' id='acc' name='acc'>
</div>
other 3<input type='text' id='other3' name='other3'><br>
other 4<input type='text' id='other4' name='other4'><br>
 
 
Output : [Getting error like this]
 
 
Yes No
If yes, explain:
What can we do to accommodate you?
What can we do to accommodate you?
other 3
other 4
 
 MY REQUIREMENT:
 
if I click yes... things to me 
 
 Yes No
If yes, explain:
What can we do to accommodate you?
other 3
other 4
 
if I click no... things to me 
 
Yes No,
What can we do to accommodate you?
other 3
other 4 
 
 
 
 
Answers (1)
Next Recommended Forum