• 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=" 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:

  • 相关阅读:
    js-xlsx实现文件导出、下载(excel)
    css多行文本显示省略号
    八数码问题-A*算法-Java实现
    vue内置组件-transtion
    《javascript高级程序设计》(第三版)读书笔记
    html比较实用的字符实体
    vuex的个人理解
    前端路由
    函数节流(throttle)和防抖(debounce)
    audio音频
  • 原文地址:https://www.cnblogs.com/huodaihao/p/7295243.html
Copyright © 2020-2023  润新知