Question

我在页面上有三个表单，每个表单中都有提交按钮，有一个代码可以在单击时更改特定表单中按钮的值，但是当我单击该提交按钮时，各种值中的各个值表单按钮更改，但我想根据单击

的表单更改值

<script language="javascript">
/**
 * Disable submit button
 */
$(function(){
      $('input:submit').click(function(){
            $(this).val('Request Placed...');
            $(this).attr('disabled', 'disabled');
            $(this).parents('form').submit();
      });
});
$(window).load(function(){
      $('input:submit').removeAttr('disabled');
});
</script>

Answer 1

使用jQuery选择器仅选择您需要的表单，仅支持从id="form_2"的表单输入

$(function(){
      $('input:submit', '#form_2').click(function(){
            $(this).val('Request Placed...');
            $(this).attr('disabled', 'disabled');
      });
});

jsfiddle：http://jsfiddle.net/krzysztof_safjanowski/sP2Zv/2/

Answer 2

在JavaScript中你可以这样做，
document.getElementById("BUTTON'S ID").value = "TEXT HERE";
只需将该行设为onclick。

因此，当用户点击按钮时，会发生onclick事件，这将更改按钮的vaule。请确保在input标记中，该按钮有一个id，并且该value有一个<form> <input type="text" id="Input" /> <input type="button" id="BUTTON'S ID" value="TEXT HERE" onclick="Changetxt()" /> </form>。

所以，这是我掀起的一个小例子，

在HTML中，

<script>
    function Changetxt()
    {
        document.getElementById("BUTTON'S ID").value = "SOME OTHER TEXT";
    }
</script>

在JavaScript中，

TEXT HERE

因此，当用户点击该按钮时，该按钮的文字会从SOME OTHER TEXT更改为{{1}}。

Answer 3

我不确定你的要求。但是，此演示可能会为您提供一些解决问题的建议。

HTML：

<form id="form1" action="action1">
    <input type="text" id="txt1" />
    <input type="submit" value="Submit" />
</form>
<form id="form2" action="action2">
    <input type="text" id="txt2" />
    <input type="submit" value="Submit" />
</form>
<form id="form3" action="action3">
    <input type="text" id="txt3" />
    <input type="submit" value="Submit" />
</form>

JavaScript的：

(function () {
    var $submitBtn,
        $form,
        submitBtnHandler = function (event) {
            event.preventDefault();
            var $self = $(this);
            $self.val('Request Placed...');
            $self.prop('disabled', true);
            $self.parents('form').submit();
        },
        formSubmitHandler = function (event) {
            event.preventDefault(); // Added this to stay in the same page when submit form. If you want to redirect to the action URL(action1, action2, action3 etc), please remove it.
            alert("Hi, I am " + this.id);
        },
        resetSubmitBtnState = function () {
            $submitBtn.removeAttr('disabled');
        },
        init = function () {
            $submitBtn = $('input:submit');
            $form = $('form');

            $submitBtn.on('click', submitBtnHandler);
            $form.on('submit', formSubmitHandler);
        };
    $(document).ready(init);
    $(window).load(resetSubmitBtnState);
}());

JSFiddle演示：http://jsfiddle.net/w3devjs/3Byb2/

将代码分配给特定按钮

3 个答案: