前端设计

button对象如何使用disabled属性

2019-11-19

button对象如何使用disabled属性


button对象disabled属性是设置button按钮的可读性,如果设置disabled属性为true则不可能使用,false可以使用


禁用按钮:

$("#id").attr("disabled","true");

$("#id").attr("disabled",true);

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



启用按钮:

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

$("#id").attr("disabled",false);


注意:

1、$("#id").attr("disabled","false");不起作用

2、disabled只能禁用button,对超链接不起作用


以上是网络搜索的结果,经过实际操作,只要带disabled,按钮就是被禁用状态,与上面所说的气动按钮部分不完全一致。


    <button onclick="dian1()" disabled="disabled">点我1</button>

    <button onclick="dian1()" disabled="true">点我1</button>

    <button onclick="dian1()" disabled="false">点我1</button>

    <button onclick="dian1()" disabled>点我1</button>

上面按钮都带disabled,都是被禁用,不能弹出alert

    <div>============</div>

    <button onclick="dian2()">点我1</button>

上面这个是可以弹出alert内容的

    <script>

        function dian1() {

            alert("我是点我1")

        }

        function dian2() {

            alert("我是点我2")

        }

    </script>