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

Question

我有一个HTML按钮,像,

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

我想根据属性的意思调用JQuery按钮点击事件id,我们使用的代码如,

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

以及基于属性的调用按钮点击事件class,我们使用代码,如,

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

我的问题是,我想根据属性的意思调用按钮点击事件name,如何做到这一点？

Answer 1

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

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

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属性选择器.你可以在这里阅读更多:

在你的情况下,它应该是:

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