JQuery禁止/恢复按钮readonly和disabled小结

2023-08-13 12:43•服务端开发•阅读 4205

禁止/恢复按钮

其实就是更改 <input> 的属性。

禁用 id 为 btn 的按钮：

代码如下

复制代码

$("#btn").attr({"disabled":"disabled"});

//或者

$("#btn").attr("disabled","disabled");

取消禁用：

代码如下

复制代码

$("#btn").removeAttr("disabled");

//或者

$("#btn").attr("disabled","");

JQuery对元素应用disabled和readonly属性的方法：

1.readonly

$(‘input’).attr(“readonly”,”readonly”)//将input元素设置为readonly

$(‘input’).removeAttr(“readonly”);//去除input元素的readonly属性

if($(‘input’).attr(“readonly”)==true)//判断input元素是否已经设置了readonly属性

对于为元素设置readonly属性和取消readonly属性的方法还有如下两种：

$(‘input’).attr(“readonly”,true)//将input元素设置为readonly

$(‘input’).attr(“readonly”,false)//去除input元素的readonly属性

$(‘input’).attr(“readonly”,”readonly”)//将input元素设置为readonly

$(‘input’).attr(“readonly”,”")//去除input元素的readonly属性

2.disabled

$(‘input’).attr(“disabled“,”disabled“)//将input元素设置为disabled

$(‘input’).removeAttr(“disabled“);//去除input元素的disabled属性

if($(‘input’).attr(“disabled“)==true)//判断input元素是否已经设置了disabled属性

对于为元素设置disabled属性和取消disabled属性的方法还有如下两种：

$(‘input’).attr(“disabled“,true)//将input元素设置为disabled

$(‘input’).attr(“disabled“,false)//去除input元素的disabled属性

$(‘input’).attr(“disabled“,”disabled“)//将input元素设置为disabled

$(‘input’).attr(“disabled“,”")//去除input元素的disabled属性