Clicking the button enables the input next to it. : Form Controls « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. Form Controls

Clicking the button enables the input next to it.

 


<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
               $("button").click(function () {
                  $(this).next().removeAttr("disabled")
                         .focus()
                         .val("editable now");
               });
        });
    </script>
  </head>
  <body>
    <body>
      <button>Enable</button>
      <input type="text" disabled="disabled" value="can't edit this" />
    </body>
</html>








Related examples in the same category

1.Get form image control
2.Get form password field
3.Get hidden form fields
4.Set value to disabled form field
5.Query submit button
6.Query reset from form
7.Query form file input field
8.To trigger the select event on all input elements
9.Build a list of all the values within a form.
10.Hides all the input elements within a form.