如何使用这个简单的jQuery禁用HTML文本字段?

awo*_*gCM 10 html jquery textfield

我有这个简单的jQuery代码来测试.

<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>
Run Code Online (Sandbox Code Playgroud)

基本上HTML页面带有一个简单的按钮和文本字段.我点击按钮时只想禁用输入字段.但它不起作用???

(PS:这段代码来自w3schools.com网站,只是为了测试jQuery的强大功能)

xda*_*azz 12

从jQuery 1.7开始,您可以使用.prop:

$(document).ready(function(){
  $("button").click(function(){
      $(":text").prop("disabled", true);
  });
});
Run Code Online (Sandbox Code Playgroud)

在1.7之前,您可以:

$(document).ready(function(){
  $("button").click(function(){
      $(":text").attr("disabled", true);
  });
});
Run Code Online (Sandbox Code Playgroud)

PS:使用$(":text")$('input[type="text"]')选择文本类型的所有元素.