JQuery2008/10/28 22:33

JQueryおもしれー、ということでJavaScriptの面白さに久々にはまってますが
一つだけ理解不能な現象が発生。FireFoxでは問題なくて、IE7だけで起きる。
ラジオボタンを複製するとIE7ではグループ化されない。

この部分だけCGI化するのも気味悪いし、
んなことしたらデザイナ困っちゃうだろうし、どうしたもんかな。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.2.6.js" type="text/javascript"></script>
<script src="test.js" type="text/javascript"></script>
</head>
<body>
  <div id="radiobase">
    <input type="radio" id="radid1" name="rgrp" value="1"/>
    <input type="radio" id="radid2" name="rgrp" value="2"/>
  </div>
</body>
</html>

// ----------------------
// test.js
jQuery.noConflict();
var $ = jQuery;
$(function(){
  $(window).ready(function(){
    for(var i=0; i<10; i++){
      var aaa = $("#radiobase").clone().removeAttr("id");
      aaa.find("#radid1").attr("name","rgrp"+i).removeAttr("id");
      aaa.find("#radid2").attr("name","rgrp"+i).removeAttr("id");
      $("#radiobase").before(aaa);
    }
  });
});