button设置为disabled

Posted 2020-10-01 h0000dh

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了button设置为disabled相关的知识，希望对你有一定的参考价值。

<html>
<head>
<title>4-17</title>
</head>
<body style="font-size: 12px">
<script language="javascript">
<!--
    var actTotal = 109.7;                                       // 账单总额
    var payTotal = 123.45;                                      // 当前应该付的款额
    document.write( "<li>您账上余额：" + actTotal + "元<br>" ); // 输出账面信息
    document.write( "<li>您需要支付：" + payTotal + "元<br>" );
    document.write( "<input id=\\"BtnPay\\" type=\\"button\\" value=\\"确认支付\\" onclick="
                    + "\\"return BtnPay_onclick()\\" style=\\"width: 150px\\" /><br>" ); // 生成“确认支付”按钮
    if( payTotal > actTotal )                                   // 如果余额不足，支付按钮设置为失效
    {
        document.write(  "信息：<font color=red>您的余额不足，无法完成支付！</font>" );
        BtnPay.disabled = true;
    }
    else                                                        // 余额够用于支付，则启用按钮
    {
        BtnPay.disabled = false;
    }
    function BtnPay_onclick()                                   // 按钮单击事件处理函数，主要处理表达发送输出结算信息
    {
        // 在此添加发送数据到服务器的操作代码……
        document.write( "<li><font color=red>已经完成支付</font>" );
        document.write( "您账上余额：" + (actTotal-payTotal) + "元<br>" );
    }
-->
</script>
</body>
</html>

OUT:

以上是关于button设置为disabled的主要内容，如果未能解决你的问题，请参考以下文章

html要使用两个button

如何通过js实现当点击查询时其他按钮设置为disabled=false

vue 设置button disabled

html里select怎么设置和取消disabled