jquery - 在 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/