2015-06-17 6 views
5

मैं एक मेज है सक्षम होने के लिए क्लिक करें घटना में जोड़ सकते हैं पंक्ति के बारे में अधिक डेटा, और यदि वे चेकबॉक्स पर क्लिक करते हैं, तो उन्हें कुछ अन्य विकल्पों के साथ प्रस्तुत किया जाता है। मैं jquery में प्रत्येक घटना के लिए कैसे सुन सकता हूँ।, मैं पंक्ति और अभी भी क्लिक करने के लिए इनपुट

 $('#someTableId').on('click','#yes',function(e){ 
      alert($(this).attr('id')); 
      e.stopPropagation(); 
    }); 

अपडेट:: भाग 2 हाँ का जवाब मेरी समस्या, यह काम होगा कि चेकबॉक्स के लिए क्लिक करें स्पष्ट रूप से पंक्ति के लिए घटना बंद आग क्लिक

$('tr').click(function(){ 
    alert('you clicked the row'); 
}); 
$('#yes').change(function(){ 
     alert('you clicked the checkbox'); 
}); 

अगर तत्व डायनामिक रूप से तैयार किया जाता है।

+0

पंक्ति के लिए अपने क्लिक हैंडलर में, ईवेंट की लक्षित संपत्ति की जांच करें। – connexo

उत्तर

8

आप event.stopPropagation() का उपयोग इस कोशिश कर सकते हैं: -

$('#yes').click(function(e){ 
e.stopPropagation(); 
}); 

Demo

+0

यदि हमारे पास एकाधिक पंक्तियां हैं और प्रत्येक आईडी के लिए एक ही आईडी के साथ एक चेकबॉक्स है तो यह केवल पहली पंक्ति के लिए काम कर रहा है। एकाधिक चेकबॉक्स परिदृश्यों के लिए इस –

+0

के बारे में कोई सुझाव, यदि मैं कक्षा के नाम से चेकबॉक्स का चयन करता हूं तो यह ठीक काम कर रहा है –

4

ईवेंट बुलबुले को रोकने के लिए event.stopPropagation का उपयोग करें, आपको चेकबॉक्स के लिए नया क्लिक ईवेंट बाध्य करने की आवश्यकता होगी।

घटना को अधिसूचित होने से अभिभावक हैंडलर को रोकने से ईवेंट को रोकता है।

Live Demo

$('#yes').click(function(event){   
     event.stopPropagation(); 
}); 

एक अन्य विकल्प के भीतर किया जा सकता है checkbox के लिए इसके अलावा क्लिक हैंडलर जोड़ने टीआर क्लिक हैंडलर के प्रसंस्करण को छोड़ने के लिए जब घटना स्रोत checkbox है।

Live Demo

$('tr').click(function(event){ 
    if(event.target.id === 'yes') return; 
    alert('you clicked the row');   
}); 
+1

मुझे नहीं लगता कि यह काम करेगा। परिवर्तन '# हां 'पर क्लिक के प्रचार को रोक नहीं पाएगा। बेवकूफ https://jsfiddle.net/5wthn3n4/ – Junaid

+0

धन्यवाद @ जुनाद, मुझे याद आया। – Adil

0

उपयोग event.stopPropagation();

परिभाषा

डोम पेड़ खलबली मचाने वाले, ईवेंट की सूचना दी जा रही से किसी भी माता-पिता के संचालकों को रोकने से घटना को रोकता है।

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