对按钮名称jQuery执行不同的操作

时间:2018-01-02 05:10:28

标签: javascript jquery

我通过相同的功能执行插入和更新,但基于按钮名称,如此

var currentButtonName = $jqueryLib(this).val();   
if(currentButtonName == "Add"){}
else if(currentButtonName == "Update"){}

我正在更改其他功能的按钮名称。我想问的问题是,这是正确的做法吗?或者它会带来任何风险吗?

1 个答案:

答案 0 :(得分:0)

嗅探按钮value绝对不是一个很好的方法。如果您将网站翻译成其他语言会怎样?价值不会是"添加"或者"更新"更多。

正如orangespark指出的那样,如果这些按钮做两件不同的事情,它们应该有两种不同的功能。

因此,为每个按钮指定一个idclass,并为每个按钮分配一个自己的事件处理程序,可能是这样的:



$('#add').click( function() {
    console.log( this.value );
});

$('#update').click( function() {
    console.log( this.value );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="add" value="Añadir">
<input type="button" id="update" value="Actualizar">
&#13;
&#13;
&#13;