2012-03-14 58 views
13

我有一個HTML按鈕一樣,JQuery的 - 基於name屬性調用的jQuery按鈕單擊事件

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

我想打電話給JQuery的按鈕單擊基於id財產的手段事件, 我們使用基於代碼一樣,

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

以及呼叫按鈕點擊事件屬性意味着, 我們使用這樣的代碼,

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

和我的問題是,我想打電話給按鈕單擊基於name財產的手段事件,如何做到這一點?

+1

其實,按類別來選擇,你應該在前面加上 '' (期間)在選擇器前面。 jQuery默認使用CSS選擇器。 – 2012-03-14 05:53:18

回答

13

可以使用名稱屬性,用於特定元素。例如,要在名稱爲xyz的輸入元素周圍設置2px邊框,可以使用;

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

DEMO

+0

感謝您的回覆..它工作正常 – 2012-03-14 06:29:07

+0

+1 - >其他答案也是對的,但您提供了一個總是有幫助的演示。 – MOnsDaR 2013-04-21 11:09:04

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

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

您可以正常使用CSS選擇器的名稱使用jQuery選擇一個元素。像這樣:

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

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