如何用jquery和原生js控制提交按钮禁用

JavaScript019

如何用jquery和原生js控制提交按钮禁用,第1张

示例如下：

<input id="btnShow" type="button" value="点击" class="btn">

上面是一段按钮的html代码

如果要用原生的js来禁用这个按钮

可以用这样：

document.getElementByIdx_x_x("btnShow").disabled=true（这样就把按钮禁用了）

如果要重新开启按钮，则可以让disabled=false即可

那么在jquery下面要如何设置呢？其实也很简单

利用jquery的attr的方法即可

$("#btnShow").attr({"disabled":"disabled"})

如要让按钮恢复可用，可以采用removeAttr方法把disabled属性删除即可。

$("#btnShow").removeAttr("disabled")

1.5之后的jquery请使用prop来操作checked 和selected 以及disable属性。之前的可以继续用attr

<select id="changeupdate">

    <option>请选择</option>

    <option>选项1</option>

    <option>选项2</option>

</select>

$("#changeupdate").prop('disabled',true)

$("#changeupdate").attr('disabled',"disabled")

document.getElementById("changeupdate").disabled=true

请根据自己的jQuery版本来选择2种写法，最后一种是原生的写法，你的语法有问题