JQuery - 根据name属性调用jquery按钮单击事件

Question

我有一个 HTML按钮喜欢，

<input type="button" id="btnSubmit" name="btnName" class="btnclass" value="Click Me" />

我想根据id属性方式调用 JQuery按钮点击事件， 我们使用像

这样的代码

$("#btnSubmit").click(function(){ 
    ////////
});

以及根据class属性方式调用按钮点击事件， 我们使用像

这样的代码

$(".btnclass").click(function(){
    /////////
});

我的问题是，我想根据name属性的方式调用按钮点击事件，该怎么做？

Answer 1

您可以使用该特定元素的name属性。例如，要在名为xyz的输入元素周围设置2px的边框，可以使用;

$(function() {
    $("input[name = 'xyz']").css("border","2px solid red");
})

DEMO

Answer 2

$('element[name="element_name"]').click(function(){
    //do stuff
});

在你的情况下：

$('input[name="btnName"]').click(function(){
    //do stuff
});

Answer 3

您可以使用普通的CSS选择器使用jquery按名称选择元素。像这样：

Button Code
<button type="button" name="mybutton">Click Me!</button>

Selector & Event Bind Code
$("button[name='mybutton']").click(function() {});

Answer 4

您必须使用jquery属性选择器。你可以在这里阅读更多内容：

http://api.jquery.com/attribute-equals-selector/

在你的情况下应该是：

$('input[name="btnName"]')