jQuery: Show Hide TextBox on CheckBox click

Question

How to show hide TextBox on CheckBox clickltspangtDo you have Passportltspangtltinput id34chkConfirm34 type34checkbox34 gtlthr gtltinput id34txtPassportNumber34 type34text34 style34displaynone34 gt

dharmendr · Accepted Answer

Hi makenziexcAdd the jQuery click event handler to CheckBox and check if checked then show else hide the TextBoxRefer below exampleHTMLlthtmlgtltheadgt    ltmeta charset34utf834 gt    lttitlegtlttitlegt    ltstyle type34textcss34gt        body  fontfamily Arial fontsize 10pt     ltstylegtltheadgtltbodygt    ltspangtDo you have Passportltspangt    ltinput id34chkConfirm34 type34checkbox34 gtlthr gt    ltinput id34txtPassportNumber34 type34text34 style34displaynone34 gt    ltscript type34textjavascript34 src34httpscdnjscloudflarecomajaxlibsjquery371jqueryminjs34gtltscriptgt    ltscript type34textjavascript34gt        function              34chkConfirm34clickfunction                  if thisis34checked34                     39txtPassportNumber39show

jQuery: Show Hide TextBox on CheckBox click

Company

Explore

Follow us

Contact Us