将文本添加到JQuery中的复选框控件

Question

我有这个复选框,我正在尝试在JQuery中创建

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

我认为这是等效的JQuery代码:

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

但是,当我将$ ctrl添加到此div标签时,似乎不包含"Hello World"文本.

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

我缺少什么想法？

Answer 1

你正在尝试做的正确标记是这样的:

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

输入元素不能包含内容(并且只需要在xhtml中使用结束标记或自动关闭).

要使用jQuery创建上述内容,请尝试以下方法:

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

演示:http://jsfiddle.net/bwxza/

Answer 2

试试这个

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

啤酒花有帮助