2012-03-14 9 views
13

मेरे पास एक एचटीएमएल बटन की तरह,JQuery - नाम संपत्ति के आधार पर jQuery बटन क्लिक करें घटना कॉल

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

मैं फोन करने के लिए JQuery बटन id संपत्ति साधन के आधार पर क्लिक करें घटना चाहते हैं, उपयोग हम कोड की तरह,

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

साथ ही कॉल बटन क्लिक घटना पर आधारित,210 संपत्ति का मतलब है, हम जैसे कोड का उपयोग,

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

और मेरा प्रश्न है, मैं फोन करने के लिए बटनname संपत्ति साधन के आधार पर घटना क्लिक करें है, यह कैसे करना है?

+1

वास्तव में, वर्ग द्वारा चयन करने के लिए आप एक पहले जोड़ें चाहिए '।' (अवधि) चयनकर्ता के सामने। डिफ़ॉल्ट रूप से jQuery सीएसएस चयनकर्ताओं का उपयोग करता है। –

उत्तर

13

आपको लगता है कि विशेष तत्व के लिए नाम संपत्ति का उपयोग कर सकते हैं। उदाहरण के लिए xyz नाम के साथ एक इनपुट तत्व के चारों ओर 2px की सीमा निर्धारित करने के लिए, आप इसका उपयोग कर सकते हैं;

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

DEMO

+0

आपके उत्तर के लिए धन्यवाद .. यह ठीक काम कर रहा है –

+0

+1 -> अन्य उत्तरों भी सही थे, लेकिन आपने एक डेमो प्रदान किया जो हमेशा सहायक होता है। – MOnsDaR

15
$('element[name="element_name"]').click(function(){ 
    //do stuff 
}); 
अपने मामले में

:

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

आप jQuery का उपयोग कर नाम से एक तत्व का चयन करने के लिए सामान्य CSS चयनकर्ताओं का उपयोग कर सकते हैं। इस तरह:

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

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

आपको jquery विशेषता चयनकर्ता का उपयोग करना होगा। आप और अधिक यहाँ पढ़ सकते हैं:

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

आपके मामले में यह होना चाहिए:

$('input[name="btnName"]') 
संबंधित मुद्दे