夏日博客

A-A+

Jquery禁止/恢复按钮与文本框代码

2016年10月14日 前端设计 暂无评论 阅读 5 views 次

在jquery中如果要禁止文框与按钮恢复效果我们需要动态设置disabled即可了，如果要设置为只读我们只要设置readonly即可。

disabled,代码如下:

禁用 id 为 btn 的按钮：

  1. $("#btn").attr({"disabled":"disabled"});   
  2.   
  3. //或者   
  4.   
  5.  $("#btn").attr("disabled","disabled");  

取消禁用：

  1. $("#btn").removeAttr("disabled");   
  2.   
  3.  //或者   
  4.   
  5. $("#btn").attr("disabled","");  

readonly,c代码如下:

  1. $(‘input’).attr(“readonly”,”readonly”)//将input元素设置为readonly  
  2. $(‘input’).removeAttr(“readonly”);//去除input元素的readonly属性  
  3.   
  4. if($(‘input’).attr(“readonly”)==true)//判断input元素是否已经设置了readonly属性  
标签：

给我留言