按钮onclick()可选择使用jquery或mvc3操作

button onclick() alternative using jquery or mvc3 actions?

本文关键字:jquery mvc3 操作 onclick 可选择 按钮      更新时间:2023-09-26

是否有一个更好的(更最新的)替代以下标准的onbuttonclick()调用javascript函数使用jquery或mvc3助手操作?

<button onclick="javascript:AddNew()" title="ad action">Add</button> 

使用JQuery…

<button id="buttonID" title="ad action">Add</button> 
$('#buttonID').click(function() {
  alert('click called.');
});

对于一个特定的按钮,使用StressChicken的答案。对于更一般的情况,如果您希望处理属于某个类的任何按钮或匹配任何选择器,请参阅jQuery的on函数。注意,这也适用于动态添加的内容。

$(document).on("click", ".selectorClass", function() {
  alert('click called.');
});
注意这个函数需要jQuery 1.7

当按钮多于一个时我们可以给它们添加一些类并添加一些代码来逐个调用它们,比如

<button class="mybtn">I'm Clikced 1</button>
<button class="mybtn">I'm Clikced 2</button>
<button class="mybtn">I'm Clikced 3</button>
<button class="mybtn">I'm Clikced 4</button>

和Jquery看起来像这样

$(function(){
  $("button.mybtn").click(function(){
     var value = $(this).text();
     alert(value);
  });
});

使用JQuery会更好。

添加

$("#按钮").click(函数(){警报("函数"。);});