Home/ Questions/Q 7162317
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T13:42:53+00:00

I have this simple jQuery code to test out. <html> <head> <script type=text/javascript src=jquery.js></script>

  • 0

I have this simple jQuery code to test out.

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
      $("button").click(function(){
          $("text").attr("disabled","");
      });
    });
</script>
</head>
<body>
<input type="text">
<br />
<button>Set the textfield disabled</button>
</body>
</html>

Basically the HTML page comes with a simple button and textfield. All I want to have the input field disabled as I click the button. But it doesn’t work???

(PS: this code is sourced out from w3schools.com website, just to simply test out how powerful jQuery is)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    From jQuery 1.7, you could use .prop:

    $(document).ready(function(){
  $("button").click(function(){
      $(":text").prop("disabled", true);
  });
});

    Before 1.7, you could do:

    $(document).ready(function(){
  $("button").click(function(){
      $(":text").attr("disabled", true);
  });
});

    PS: Use $(":text") or $('input[type="text"]') to select all elements of type text.

    • 0