L'ajout de Texte à contrôle de case à cocher dans JQuery

J'ai le cette case, je suis en train de créer en JQuery

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

Je pensais que c'était l'équivalent de JQuery code:

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

Mais, lorsque j'ajoute le $ctrl pour cette balise div qu'il semble ne pas inclure le texte 'Hello World'.

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

Les idées de ce que je suis absent?

Voir ce lien peut vous aider stackoverflow.com/questions/2055459/...

OriginalL'auteur Jason | 2012-02-24

  1. 9

    essayer cette

     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));

    Houblon son aide

    OriginalL'auteur Jignesh Rajput

  2. 13

    Le balisage correct pour ce que vous essayez de faire est ceci:

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

    Éléments d'entrée ne peut pas contenir de contenu (et seulement besoin une balise de fermeture ou à fermeture automatique en xhtml).

    Pour créer ci-dessus avec jQuery essayer quelques variations sur ce:

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

    Démo: http://jsfiddle.net/bwxza/

    OriginalL'auteur nnnnnn

  3. 1

    <input /> éléments ne sont pas des paires de balises. Ils sont auto-fermeture:

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

    Avec jQuery, vous pouvez le faire:

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

    Démo: http://jsfiddle.net/KNnUt/

    Hey je veux donner un peu de style d'étiquette. quelle est la syntaxe pour le faire?

    OriginalL'auteur Blender

  4. 0

    d'abord si vous voulez créer la case à cocher de faire comme ceci 

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

    Avis que le html de la vérification doit être définie comme cela

    <input type="checkbox" name="example" id="someID" />

    Si vous souhaitez définir une étiquette, vous devez créer un élément pour que la case à cocher de ce genre, la raison que vous ne pouvez pas voir le Hellow monde, il n'est pas correct d'utiliser le texte pour définir une étiquette pour une case à cocher et je pense que c'est même pas un attribut valide pour ce type. Voici un exemple de code html associées à une étiquette pour que la case à cocher

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

    Puis ajouter tout le html connexes comme ce

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

    À la fin, vous pouvez créer quelque chose comme cela

    http://jsfiddle.net/ynMK8/

    OriginalL'auteur Jorge