Show/Hide textbox when radio button is selected
I have 3 radio buttons in a form on selection of one radio button (Other option) I want to display a textbox and hide when I am select Yes or No. Here is the my code.
<input type=”radio” name=”language”> Yes
<input type=”radio” name=”language”> No
<input type=”radio” name=”language”> Other
Please help me out with Javascript or Jquery for this I am a beginner.
Share this:
htmlAdmin2609 Answered question September 16, 2021
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.js" ></script> </head> <body> No <input type="radio" name="answer" checked="checked" value="no"/> Yes <input type="radio" name="answer" value="yes"/> Other <input type="radio" name="answer" value="other"/> <input style="display:none;" type="text" name="otherAnswer" id="otherAnswer"/> <script> $("input[type='radio']").change(function(){ if($(this).val()=="other") { $("#otherAnswer").show(); } else { $("#otherAnswer").hide(); $('#otherAnswer').val(''); } }); </script> </body> </html> |
Use this code. This code is working fine..
Share this:
htmlAdmin2609 Changed status to publish September 16, 2021
Write your answer.
Related Post
