javascript - jQuery On click wont fire -


मेरे पास एक textbox , एक चेकबॉक्स और span टैग है जब मैं चेकबॉक्स पर क्लिक करता हूं, तो उसे span टैग में अपनी स्थिति दिखानी चाहिए। जब टेक्स्टबॉक्स नवीनीकृत हो जाता है, तो वह चेकबॉक्स ब्लॉक फिर से करता है जब आप अब चेकबॉक्स पर क्लिक करते हैं, तो यह राज्य को अपडेट करने में विफल रहता है।

मैं चेक बॉक्स क्लिक ईवेंट के लिए पर ईवेंट हैंडलर का उपयोग कर रहा हूं, इसलिए मुझे उम्मीद है कि यह काम करेगा।

कोई भी विचार क्यों यह अपेक्षित रूप से काम नहीं कर रहा है?

  $ ('div [भूमिका] इनपुट [type = checkbox]')। पर (' क्लिक करें ', chg); $ ('Div [भूमिका] इनपुट [प्रकार = पाठ]')। पर ('इनपुट', स्रोत परिवर्तित); फ़ंक्शन chg () {var isitiki = $ (this) .is (": चेक"); । $ ( '# Upd') एचटीएमएल (istiki); } Function sourceChanged () {$ ('span', $ (this) .closest ('इनपुट-समूह'))। Html ('& lt; इनपुट प्रकार = "चेकबॉक्स" & gt;'); }   
  & lt; script src = "https://ajax.googleapis.com/ajax/libs/ jQuery / 1.11.1 / jquery.min.js "& gt; & lt; / स्क्रिप्ट & gt; & Lt; div भूमिका = "टिकी" वर्ग = "इनपुट-समूह" & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" वर्ग = "फॉर्म-कंट्रोल" / & gt; & Lt; span class = "input-group-addon" & gt; & lt; इनपुट प्रकार = "चेकबॉक्स" /> gt; & lt; / span & gt; & Lt; / div & gt; & Lt; span id = "upd" & gt; & lt; / span & gt;      

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

  $ ('Div [भूमिका]')। पर ('परिवर्तन', 'इनपुट [प्रकार = चेकबॉक्स]', chg);   

ध्यान दें कि मैंने परिवर्तन के बजाय को क्लिक के रूप में उपयोग किया है क्योंकि यह चेकबॉक्स के लिए अधिक उपयुक्त है।


नीचे दिए गए स्निपेट में मैंने $ (this) .is (": checked") को सिर्फ this.checked में बदल दिया है।

  
  & lt; script src = "https://ajax.googleapis.com/ajax/libs/ jQuery / 1.11.1 / jquery.min.js "& gt; & lt; / स्क्रिप्ट & gt; & Lt; div भूमिका = "टिकी" वर्ग = "इनपुट-समूह" & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" वर्ग = "फॉर्म-कंट्रोल" / & gt; & Lt; span class = "input-group-addon" & gt; & lt; इनपुट प्रकार = "चेकबॉक्स" /> gt; & lt; / span & gt; & Lt; / div & gt; & Lt; span id = "upd" & gt; & lt; / span & gt;     

यह भी ध्यान रखें कि यदि आप इसे false आपको अपने istiki चर को स्ट्रिंग में कनवर्ट करना चाहिए:

  $ ('# upd')। Html ('' + isticki);    

Comments

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

.net - Creating a new Queue Manager and Queue in Websphere MQ (using C#) -