JavaScript: Show Hide TextBox on CheckBox check uncheck

Question

How to show hide TextBox on CheckBox check uncheck in JavaScriptltspangtDo you have Passportltspangtltinput id34chkConfirm34 type34checkbox34 gtlthr gtltinput id34txtPassportNumber34 type34text34 style34displaynone34 gt

dharmendr · Accepted Answer

Hi makenziexcInside CheckBox click event handler check if CheckBox is checked then show else hide the TextBox by setting the style attribute to block and none respectivelyRefer below exampleHTMLlthtmlgtltheadgt    ltmeta charset34utf834 gt    lttitlegtlttitlegt    ltstyle type34textcss34gt        body  fontfamily Arial fontsize 10pt     ltstylegtltheadgtltbodygt    ltspangtDo you have Passportltspangt    ltinput id34chkConfirm34 type34checkbox34 onclick34ShowHideTextBox34 gtlthr gt    ltinput id34txtPassportNumber34 type34text34 style34displaynone34 gt    ltscript type34textjavascript34gt        function ShowHideTextBox             documentgetElementById34txtPassportNumber34styledisplay                 documentgetElementById34chkConfirm34checked  34block34  34none34            ltscriptgtlt

JavaScript: Show Hide TextBox on CheckBox check uncheck

Company

Explore

Follow us

Contact Us