2012-03-14 34 views
13

Tôi có một nút HTML như,JQuery - Gọi sự kiện jquery nút nhấp chuột dựa trên sở hữu tên

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

Tôi muốn gọi nút JQuery nhấp sự kiện dựa trên id phương tiện tài sản, chúng tôi sử dụng mã như,

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

cũng như cuộc gọi nút bấm sự kiện dựa trên.210 sở hữu có nghĩa, chúng tôi sử dụng các mã như,

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

và Câu hỏi của tôi là, tôi muốn gọi nút nhấp sự kiện dựa trên các phương tiện name tài sản, Làm thế nào để làm điều này?

+1

Trên thực tế, để chọn bởi lớp bạn nên thêm vào trước một '' (dấu chấm) ở phía trước bộ chọn. jQuery theo mặc định sử dụng bộ chọn CSS. –

Trả lời

13

Bạn có thể sử dụng thuộc tính tên cho rằng yếu tố cụ thể. Ví dụ để thiết lập một biên giới 2px xung quanh một yếu tố đầu vào với tên xyz, bạn có thể sử dụng;

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

DEMO

+0

Cảm ơn câu trả lời của bạn .. nó hoạt động tốt –

+0

+1 -> Các câu trả lời khác cũng đúng, nhưng bạn đã cung cấp bản trình diễn luôn hữu ích. – MOnsDaR

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

trong trường hợp của bạn:

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

Bạn có thể sử dụng bộ chọn CSS bình thường để chọn một phần tử bằng tên sử dụng jquery. Như thế này:

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

Selector & Event Bind Code 
$("button[name='mybutton']").click(function() {}); 
Các vấn đề liên quan