जोड़ना पाठ JQuery

Question

में नियंत्रण चेकबॉक्स को मैं इस चेकबॉक्स मैं JQuery

में बनाने के लिए

<input type="checkbox" id="someID">Hello World</input> 

मुझे लगा कि यह बराबर JQuery कोड था कोशिश कर रहा हूँ है:

var $ctrl = $('<input/>').attr({ type: 'checkbox', id: 'someID', text: 'Hello World'}) 

लेकिन, जब मैं इस div टैग में $ ctrl जोड़ें, ऐसा लगता है कि 'हैलो वर्ल्ड' टेक्स्ट शामिल नहीं है।

$("#renderedControl").append($ctrl); 

कोई विचार जो मुझे याद आ रहा है?

Answer 1

कोशिश इस

var $ctrl = $(document.createElement("input")).attr({ 
        id: 'topicFilter-' 
        ,name: 'test' 
        ,value: 'test' 
        ,text :'my testing' 
        ,type: 'checkbox' 
        ,checked:true 
      }) 

var lbl = '<label>Hello world</label>'; 


$("#renderedControl").append($ctrl.after(lbl)); 

हॉप्स इसकी मदद करता है

Answer 2

तुम क्या करने की कोशिश कर रहे क्या सही मार्कअप यह है:

<label><input type="checkbox" id="someID">Hello World</label> 

इनपुट तत्व सामग्री नहीं होनी चाहिए (और केवल एक बंद टैग या एक्सएचटीएमएल में स्वयं बंद होने की आवश्यकता होती है)।

jQuery के साथ ऊपर इस पर कुछ बदलाव की कोशिश बनाने के लिए:

var $ctrl = $('<label />').html('Hello world') 
          .prepend($('<input/>').attr({ type: 'checkbox', id: 'someID'})); 

डेमो: http://jsfiddle.net/bwxza/

Answer 3

पहले आप चेक बॉक्स बनाना चाहते हैं यह इस

$("#renderedControl").append('<input type="checkbox" id="someID"/>'); 

पसंद करते हैं नोटिस कि चेक के एचटीएमएल को इस

की तरह परिभाषित किया जाना चाहिए

यदि आप एक लेबल सेट करना चाहते हैं तो आपको इस चेकबॉक्स के लिए तत्व बनाना होगा, इसके पीछे कारण है कि आप हेलो दुनिया को नहीं देख सकते हैं, यह चेकबॉक्स के लिए लेबल सेट करने के लिए उपयोग टेक्स्ट का सही नहीं है और मुझे लगता है कि यह है उस प्रकार के लिए एक वैध विशेषता भी नहीं। यहाँ कि चेकबॉक्स के लिए एक लेबल से संबंधित एचटीएमएल का एक उदाहरण

<label for="example">Hellow world</label> 

और फिर यह सब

$("#renderedControl").append('<label for="checkbox">Hellow world</label>').append('<input type="checkbox" name="checkbox" id="someID" />') 

की तरह संबंधित अंत में एचटीएमएल संलग्न आप इस

http://jsfiddle.net/ynMK8/ की तरह कुछ बना सकते है

Answer 4

<input /> तत्व टैग के जोड़े नहीं हैं।वे स्वयं बंद होने हैं:

<input type="checkbox" id="someID" name="someName" value="input" /> 

jQuery के साथ

, तो आप ऐसा कर सकते हैं:

$('<input />', { 
    'type': 'checkbox', 
    'id': 'someID', 
    'name': 'someName' 
}).after($('<label />', { 
    'for': 'someName' 
}).text('Hello World')).appendTo('body');​ 

डेमो: http://jsfiddle.net/KNnUt/