jquery - jquery作成チェックボックス

Question

jqueryでチェックされたチェックボックス要素を作成するには?

で試しました。

$('<input>', {
    type:"checkbox",
    "checked":"checked"
});

と

var input = $('<input>', {
    type:"checkbox"
});
input.attr('checked',true);

これらは機能していません。要素に追加した後、チェックボックスはオフのままです。

Answer 1

それらをドキュメントに追加する必要があります。

例えば：

$('<input>', {
    type:"checkbox",
    "checked":"checked"
}).appendTo('body'); // instead of body you can use any valid selector
                     // to your target element to which you want to
                     // append this checkbox

コード

$('<input>', {
    type:"checkbox",
    "checked":"checked"
});

要素を作成するだけで、DOM に追加しません。それをDOMに追加するには、append()/ appendTo()/html()などのいずれかのメソッドを使用する必要があります。

2 番目のスニペットの場合:

var input = $('<input>', {
    type:"checkbox"
});
input.attr('checked',true);

$('#target_container').append(input);

// Or

input.appendTo('#target_container');