jQuery: वर्ग और इनपुट प्रकार द्वारा चयन करना


119

मैं उन तत्वों के एक समूह का चयन करना चाहूंगा जो दोनों एक निश्चित इनपुट प्रकार (जैसे, एक चेकबॉक्स) और jQuery का उपयोग करके एक निश्चित वर्ग है। हालाँकि, जब मैं निम्नलिखित कोशिश करता हूँ:

 $("input:checkbox .myClass")

मुझे कोई आइटम वापस नहीं मिला है। मैं इसे jQuery में कैसे पूरा कर सकता हूं?

जवाबों:


209

आपका चयनकर्ता एक चेकबॉक्स तत्व के किसी वंशज की तलाश में है जिसकी कक्षा है .myClass

इसके बजाय यह प्रयास करें:

$("input.myClass:checkbox")

इसे कार्रवाई में देखें

मैंने इसका परीक्षण भी किया:

$("input:checkbox.myClass")

और यह ठीक से काम भी करेगा। मेरी विनम्र राय में यह वाक्यविन्यास वास्तव में बदसूरत दिखता है, क्योंकि ज्यादातर समय मैं :शैली चयनकर्ताओं से आखिरी उम्मीद करता हूं । जैसा कि मैंने कहा, हालांकि, दोनों में से कोई एक काम करेगा।


51

यदि आप उस वर्ग उपयोग के साथ उस प्रकार के इनपुट प्राप्त करना चाहते हैं:

$("input.myClass[type=checkbox]")

[] चयनकर्ता वाक्यविन्यास आपको किसी भी तत्व विशेषताओं के खिलाफ जांच करने की अनुमति देता है। अधिक जानकारी के लिए कल्पना की जाँच करें


6

आपको (चेकबॉक्स के लिए) :checkboxऔर .nameवर्ग द्वारा चयन करने के लिए विशेषता का उपयोग करना होगा।

उदाहरण के लिए:

$("input.aclass:checkbox")

:checkboxचयनकर्ता:

प्रकार के चेकबॉक्स के सभी इनपुट तत्वों से मेल खाता है। इस psuedo-selector का उपयोग करना $(':checkbox')समतुल्य है $('*:checkbox') जो कि एक धीमा चयनकर्ता है। यह करने की सिफारिश की है $('input:checkbox')

चयनकर्ताओं के बारे में जानने के लिए आपको jQuery के दस्तावेज़ को पढ़ना चाहिए ।


4

आपको वर्ग नाम का उपयोग इस तरह करना चाहिए

$(document).ready(function(){
    $('input.addCheck').prop('checked',true);
});

इसे लाइव डेमो का उपयोग करके देखें


1
उत्तर प्रश्न के लिए प्रासंगिक नहीं है।
अवनीश अलोक

1
अभी तक उत्तर पूरी तरह से दूसरों के लिए मददगार है जो समान चीजों की तलाश करते हैं, लेकिन सटीक ओपी प्रश्न नहीं।
Camixixon


3

बस अगर मेरे जैसे किसी भी डमी ने एक बटन के साथ यहां सुझाव की कोशिश की और कुछ भी काम नहीं किया, तो आप शायद यही चाहते हैं:

$(':button.myclass')
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.