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

我有一个HTML按钮，像，

我想基于id属性调用JQuery按钮点击事件，我们使用代码如，

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

以及基于class属性的调用按钮单击事件的意思，我们使用代码，如，

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

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

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

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

DEMO

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

在你的情况下：

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

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

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

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

在你的情况下它应该是：

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