JQuery - вызов события щелчка кнопки jquery на основе свойства имени

У меня есть одна кнопка HTML, например

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

Я хочу называть JQuery нажатием кнопки на основе свойства id, мы используем код, например,

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

а также вызов нажмите кнопку на основе свойства class, мы используем код, например,

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

и мой вопрос: я хочу вызвать кнопку click на основе свойства name, как это сделать?

Ответ 1

Вы можете использовать свойство name для этого конкретного элемента. Например, чтобы установить границу 2px вокруг входного элемента с именем xyz, вы можете использовать;

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

DEMO

Ответ 2

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

в вашем случае:

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

Ответ 3

Вы можете использовать обычные селектор CSS для выбора элемента по имени с помощью jquery. Вот так:

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

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

Ответ 4

Вы должны использовать селектор атрибутов jquery. Вы можете прочитать здесь:

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

В вашем случае это должно быть:

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