禁用jQuery中的按钮

作者

“我的页面”创建了多个按钮，如id='rbutton\+i+'。下面是我的代码：

&lt；按钮类型='button'id='rbutton_'+i+“'onclick=禁用（i）&燃气轮机；单击我&lt/按钮&gt；

在Javascript中

功能禁用（i）{
$（“#rbutton’+i+”）.attr（“禁用”、“禁用”）；
}

但当我点击按钮时，它不会禁用我的按钮

改为使用.prop（并清理选择器字符串）：

功能禁用（i）{
$（“#rbutton”+i）.prop（“disabled”，true）；
}

生成的HTML：

&lt；按钮id=“rbutton_1”onclick=“禁用（1）”&gt；单击我&lt/按钮&gt；
&lt；！--将onclick用引号括起来--&gt；

但“最佳实践”方法是使用JavaScript事件绑定，而不是使用此：

$（'.rbutton'）。在（'click'，function（）{
$（this.prop（“disabled”，true）；
});
&lt；脚本src=”https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js“&gt&lt/脚本&gt；
&lt；按钮class=“rbutton”&gt；单击我&lt/按钮&gt

http://jsfiddle.net/mblase75/2Nfu4/

相关文章：

  1. 如何在jQuery中选择具有多个类的元素？
  2. 如何在jQuery中选择具有多个类的元素？
  3. 如何使用jQuery获取元素的ID？
  4. 在jQuery中删除事件处理程序的最佳方法是什么？

发表评论

© 2026 开发百科-程序代码问答平台 • Built with