如何在点击时更改所有提交按钮的值？ [复制]答案

【问题标题】：How to change value of all submit buttons onclick? [duplicate]如何在点击时更改所有提交按钮的值？ [复制]
【发布时间】：2014-06-28 09:34:00
【问题描述】：

单击按钮时如何更改按钮的值。例如，有一个值为 Send 的按钮，当我单击时，我希望按钮将值更改为 Loading...。我需要为文档中的所有提交按钮实现这一点。

我已尝试使用此代码：

<script>
var button = $('[type="submit"]');
button.click(function(){
    button.attr('value','NEW');
});
</script>

<input type="submit" value="Send">

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

var button = $('[type="submit"]');
button.click(function(event){
    // if you need jquery methods then:
    $(this).attr('value','NEW');
    // shortcut for setting value:
    $(this).val('NEW');
    // or simply
    this.value = "NEW";

    // you may want to stop further processing with:
    event.preventDefault();
});

JSFIDDLE

【讨论】：

我只想使用这种类型的按钮<input type="submit" value="Send">
如果你需要 jquery 方法，那么：它应该是$(this).val('new')
当我点击<input type="submit" value="Send"> 时它不起作用。
建议使用event.preventDefault()
@user3780736 有效，检查 jsfiddle

【解决方案2】：

试试这个代码。

这会给你结果。

$('[type="submit"]').each(function(){$(this).click(function(){$(this).val("NEW")})})

【讨论】：

【解决方案3】：

你可以试试这个：

$(function(){
    $("input[type=submit]").on('click', function(e){
        $(this).val('Loading ...');
        e.stopPropagation();
    });
});

【讨论】：

demo