【javascript】動的にチェックボタンを生成する

【今回の紹介】

この前、はまっていた動的にHTML要素であるチェックボタンを生成するというのが、いったん解決したので
載せとく

【参考ソース】

■変更前

コンソールで確認するとテキストは入っていることが確認できるが、
画面には表示されない

for(var i=0;i<4;i++){
	var add_list=$('<input>').attr({
		type:"radio",
		value:"aa"
		})
		.text("aaaa");

	$('#problem').append(add_list);	   

■変更後

上のソースよりもみずらい。
要素に多くのプロパティを設定する場合、よりみずらくなってしまうおそれがある。

for(var i=0;i<4;i++){
	var add_list='<input type="radio">'+problem[0].question+'</input>';
	$('#problem').append(add_list);
}

//タグ内のテキスト部分はjson