回答編集履歴

3

forループ中のコードを修正し忘れてました…

2015/12/24 01:07

投稿

htsign
htsign

スコア870

test CHANGED
@@ -26,7 +26,11 @@
26
26
 
27
27
  var e = targets[i].cloneNode(false);
28
28
 
29
+ var l = targets[i].nextSibling.cloneNode(true);
30
+
29
31
  df.appendChild(e);
32
+
33
+ df.appendChild(l);
30
34
 
31
35
  }
32
36
 

2

JSでname属性を設定するの忘れてました。。

2015/12/24 01:07

投稿

htsign
htsign

スコア870

test CHANGED
@@ -40,7 +40,9 @@
40
40
 
41
41
  radio.type = "radio";
42
42
 
43
- radio.id = "exam01_" + val;
43
+ radio.name = "exam01";
44
+
45
+ radio.id = [name, val].join("_");
44
46
 
45
47
  radio.value = val;
46
48
 

1

JSの出力結果がHTMLに準じるよう修正 あとHTMLの方も少し修正しました

2015/12/24 00:55

投稿

htsign
htsign

スコア870

test CHANGED
@@ -4,9 +4,9 @@
4
4
 
5
5
  <input type="radio" name="exam01" id="exam01_1" value="1" checked/><label for="exam01_1">1</label>
6
6
 
7
- <input type="radio" name="exam01" id="exam01_2" value="2"/><label for="exam01_2">1</label>
7
+ <input type="radio" name="exam01" id="exam01_2" value="2"/><label for="exam01_2">2</label>
8
8
 
9
- <input type="radio" name="exam01" id="exam01_3" value="3"/><label for="exam01_3">1</label>
9
+ <input type="radio" name="exam01" id="exam01_3" value="3"/><label for="exam01_3">3</label>
10
10
 
11
11
  </form>
12
12
 
@@ -34,11 +34,23 @@
34
34
 
35
35
  var radio = document.createElement("input");
36
36
 
37
- radio.type = "radio";
37
+ var label = document.createElement("label");
38
38
 
39
+ var val = 99;
40
+
41
+ radio.type = "radio";
42
+
43
+ radio.id = "exam01_" + val;
44
+
39
- radio.value = 99;
45
+ radio.value = val;
46
+
47
+ label.for = radio.id;
48
+
49
+ label.appendChild(document.createTextNode(val));
40
50
 
41
51
  df.appendChild(radio);
52
+
53
+ df.appendChild(label);
42
54
 
43
55
  }
44
56