2012-08-08 22 views
8

मेरे पास एक HTML तालिका है, पहले कॉलम में चेक बॉक्स शामिल हैं, जब उपयोगकर्ता एक बटन क्लिक करता है, मैं जांचना चाहता हूं कि किसी भी चेक बॉक्स को पीछे कोड पर जाने से पहले चेक किया गया है या नहीं। ।कैसे गणना करें कि कितने चेकबॉक्स चेक किए गए हैं

यह मैं क्या है, लेकिन यह एक त्रुटि फेंकने रहता है "Microsoft JScript रनटाइम त्रुटि: सिंटैक्स त्रुटि, गैर मान्यता प्राप्त अभिव्यक्ति: input.checkbox: चेक किया गया"] "

यह मेरा कोड है मैं सिर्फ वापस करना चाहते वास्तव में कितने चेकबॉक्स की जांच की जाती है।

$('#BtnExportToExcel').click(function() { 
      var check = ('#gvPerformanceResult').find('input.checkbox:checked"]').length; 
      alert(check); 
    return false; 
    }): 

आपकी मदद के लिए धन्यवाद।

उत्तर

6

आप find() समारोह में एक झूलने ब्रैकेट सकते, तो इस

$('#BtnExportToExcel').click(function() { 
    var check = $('#gvPerformanceResult').find('input[type=checkbox]:checked').length; 
    alert(check); 
    return false; 
}): 

ध्यान दें, यदि आपका जवाब के आधार पर यह आपको लगता है #gvPerformanceResult के भीतर सभी चेकबॉक्स चाहते हैं और कक्षाके साथ चेकबॉक्स नहीं- उन चेक बॉक्स

+0

कृपया अपने कोड में त्रुटियों को ठीक करें (जैसा कि कर्ट ने अपने उत्तर में बताया है)। – BNetz

17

आपके पास अमान्य वाक्यविन्यास है (शुरुआत में $ और "] अंत में)।

बदलें:

('#gvPerformanceResult').find('input.checkbox:checked"]').length; 

करने के लिए:

$('#gvPerformanceResult').find('input.checkbox:checked').length; 
+0

कुछ इतना छोटा ..... im हैरान मैं भी खत्म हो गया है कि देखा !! हालांकि धन्यवाद। –

+0

@ScottAtkinson मदद करने के लिए खुशी हुई। यदि आपकी समस्या हल हो गई है तो कृपया उत्तर के रूप में चिह्नित करें। http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work – Curt

+0

क्या यह समाधान IE जैसे सभी ब्राउज़रों में काम करता है? कभी-कभी हमारे पास मैन्युअल रूप से सभी ब्राउज़रों में परीक्षण करने का समय नहीं होता है। अगर किसी ने पहले ही परीक्षण किया है तो यह बेहतर होगा। –

3

चयन करने के लिए [type=checkbox] का उपयोग यह पता चल

$('#BtnExportToExcel').click(function() { 
       var check = $("input:checkbox:checked").length 
       alert(check); 
}); 

+1

नोट: यह आपके पृष्ठ पर सभी चेक बॉक्स होंगे। न केवल '# gvPerformanceResult' – Curt

+0

के अंदर मेरा जवाब देखें, यह सभी चेक किए गए चेकबॉक्स' # gvPerformanceResult' – Chris

+1

के भीतर मिलेगा, आपने इसे समझ लिया? या अन्य उत्तरों ने आपके लिए यह किया? मुझे नहीं लगता कि यह आपके अपने प्रश्न का उत्तर पोस्ट करना उचित है जब इसे पहले से ही हर किसी के द्वारा पर्याप्त रूप से उत्तर दिया जा चुका है। – musefan

8
$('input[type="checkbox"]:checked').length; 

इस जाँच की चेकबॉक्स की संख्या वापस आ जाएगी।


प्रतिबंधित करें:

$('#gvPerformanceResult').find('input[type="checkbox"]:checked').length; 
+0

यह पृष्ठ पर सभी चेक किए गए चेकबॉक्स वापस करेगा, न कि केवल '# gvPerformanceResult' – Curt

+0

ठीक है, अब यह तत्व प्रतिबंध पर काम करता है। –

संबंधित मुद्दे

 संबंधित मुद्दे