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

JavaScript017

如何用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")

希望按钮不可以用,可以直接修改这个按钮的disabled属性就可以了。

下面是简单的代码实现,仅供参考:

<body>

    <input type="button" id="btn" value="click" />

</body>

<script>

    var oBtn = document.getElementById('btn')

    oBtn.onclick = function(){

        oBtn.disabled = 'disabled'

    }

</script>

完全正确!

以下几种方法也行

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

$("#button1").attr("disabled","disabled")