在按钮上将文本从“完成购买”更改为“下订单”

时间:2019-09-19 15:18:42

标签: javascript html css

我一直在尝试更改文本

<input type="submit" name="commit" value="Complete Purchase" class="btn btn-primary" id="js-payment-btn" data-disable-with="Complete Purchase">

我想将按钮的文本从“完成购买”更改为“下订单”

3 个答案:

答案 0 :(得分:0)

我假设您想使用JavaScript进行此操作:

document.getElementById('js-payment-btn').value = 'Place Order';

答案 1 :(得分:0)

您可以在输入字段中更改值。

<input type="submit" name="commit" value="Place Order" class="btn btn-primary" id="js-payment-btn" data-disable-with="Place Order">

答案 2 :(得分:0)

请查看我添加“点击”的代码。当您单击按钮时,它将值从“完成购买”更改为“下订单”。

<html>
      <input type="submit" name="commit" value="Complete Purchase" class="btn btn-primary" id="js-payment-btn" data-disable-with="Complete Purchase" onClick="change()">
    
    <script>
        function change() {
            document.getElementById("js-payment-btn").value = "Place Order";
        }
    </script>
</html>