如何识别使用Jquery在变量中单击的表单提交按钮

时间:2014-02-18 14:40:09

标签: javascript jquery html forms

如何使用JQuery将提交按钮的id分配给变量?

我有以下HTML:

<form id="myForm">
    <input id="oknovo" type="submit" value="OK & Novo" />
    <input id="okfechar" type="submit" value="OK & Fechar" />
</form>

JS:

var botao;
$(document).ready(function () {

    $("#myForm input[type=submit]").click(function (event) {
        botao = $(this).attr('id');
        alert("id é " + botao);
    });
});

您可能会看到直播JSFiddle here

我已经设法在this question的帮助下识别点击的按钮,但现在的问题是将其分配到global variable.

4 个答案:

答案 0 :(得分:3)

您的代码是正确的,您只需要在末尾添加右括号)

$(document).ready(function () {
                 ^ unclosed

答案 1 :(得分:2)

  

现在的问题是将其分配给全局变量。

删除行var botao;或将其从您正在调用的函数onload中取出(通过左侧的JSFiddle配置)。

答案 2 :(得分:1)

你的小提琴上缺少括号。它应该是:

var botao;
$(document).ready(function () {

    $("#myForm input[type=submit]").click(function (event) {
        botao = $(this).attr('id');
        alert("id é " + botao);
    });
});

答案 3 :(得分:0)

这个问题没有任何意义,因为代码看起来像除了语法错误之外的工作;另一方面,您可以使用隐藏字段来保留一些临时数据。

<form id="myForm">
    <input id='myGlobalHidden' type='hidden'/>
    <input id="oknovo" type="button" value="OK & Novo" />
    <input id="okfechar" type="button" value="OK & Fechar" />
</form>


var botao;
$(document).ready(function () {

    $("#myForm input[type=button]").click(function (event) {
                botao = $(this).attr('id');
        //alert("id é " + botao);
        $("#myGlobalHidden").val(botao);
        // access here
        alert($("#myGlobalHidden").val());
    });
});

http://jsfiddle.net/3fJ3r/10/