Show Hide TextBox When CheckBox Is Checked Unchecked Using JQuery

Show Hide TextBox When CheckBox Is Checked Unchecked Using JQuery

Jquery / By

Here we show  how you can show and hide TextBox when CheckBox is checked  and unchecked  using JQuery.

Here the CheckBox has been assigned a JQuery Click event handler. When CheckBox is checked or unchecked , the TextBox is show or hide.

Below is example code.

				
					<!DOCTYPE html>
    <head>
        <title>inflay.com | Show Hide TextBox When CheckBox Is Checked Unchecked Using JQuery</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    </head>
    <body>
          <h3>Show Hide TextBox When CheckBox Is Checked Unchecked Using JQuery</h3>
          <br />
                  <input type = "checkbox" id="check" name="check">
                  <input type = "text" name="name" id="name" value="" placeholder="Enter name" style="display:none">
    </body>
</html>

I hope this article helps you.
Thanks for visiting Inflay.com .