jQueryで動的に作ったradioボタンがIE6とIE7で動作しない場合の対処 - F.Ko-Jiの「一秒後は未来」

jQueryでradioボタンを動的に作るときに、コードの書き方によってはIE6とIE7で動かなくなる場合があったのでメモ。 問題のコード var radio = $('<input type="radio" value="1" />') .attr('name', 'is_public_'+num) .attr('id', 'is_public_'+num); 問題のコードは attr() を使って name と id をセットしようとしていました。FirefoxやSafari、IE8、IE9では問題なく動作しますが、IE6とIE7ではradioボタンが切り替わってくれません。 解決法 どうやらIE6とIE7では、attr()を使ってnameを後付けするとうまくradioボタンのグループが作れないみたいです。なので、 var radio = $('<input type="radio"

[k-holy]

jQueryに限らずDOMでname属性付けたradioがグループ化されない。ここの最終ページ参照(PDF)→ http://bit.ly/YUTGsf

[Lhankor_Mhy]

これだな→ http://bit.ly/f0MvKi / 似たようなのでこんなのも→ http://bit.ly/eMBRLE

[glat_design]

IE6、7のみjQueryのattr()ではradioボタンにnameやidが振れないので先につけておく必要がある