teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

html内容を詳しくしました。

2018/07/20 12:12

投稿

kissdesign_shop
kissdesign_shop

スコア12

title CHANGED
File without changes
body CHANGED
@@ -1,7 +1,7 @@
1
1
  ### 前提・実現したいこと
2
2
  お世話になります。
3
3
  チェックボックスのリストを作っているのですが、項目が多いのでデータリストのようなものから取得して、htmlを自動繰り返し記述したいと思っております。
4
- 種類も多いので、複数のデータリストを設定できるようにしたいと思っております。
4
+ 種類も多いので、下のようにAの1~4・Bの1~5のように複数のデータリストを設定できるようにしたいと思っております。
5
5
  とりあえずは下の構文の形式を取得したいので、
6
6
  もしよろしければ、よろしくお願いいたします。
7
7
  ### 発生している問題・エラーメッセージ
@@ -12,19 +12,21 @@
12
12
 
13
13
  ```html
14
14
  <div>
15
-
16
- 種類Aの1~4
15
+ <div>
16
+ <span>種類Aの1~4</span>
17
- <a><input name="w" value="A1" type="checkbox"><span>A1</span></a>
17
+ <a><input name="w" value="A1" type="checkbox"><span>A1</span></a>
18
- <a><input name="w" value="A2" type="checkbox"><span>A2</span></a>
18
+ <a><input name="w" value="A2" type="checkbox"><span>A2</span></a>
19
- <a><input name="w" value="A3" type="checkbox"><span>A3</span></a>
19
+ <a><input name="w" value="A3" type="checkbox"><span>A3</span></a>
20
- <a><input name="w" value="A4" type="checkbox"><span>A4</span></a>
20
+ <a><input name="w" value="A4" type="checkbox"><span>A4</span></a>
21
- 種類Bの1~5
21
+ <div>
22
+ </div>
23
+ <span>種類Bの1~5</span>
22
- <a><input name="w" value="B1" type="checkbox"><span>B1</span></a>
24
+ <a><input name="w" value="B1" type="checkbox"><span>B1</span></a>
23
- <a><input name="w" value="B2" type="checkbox"><span>B2</span></a>
25
+ <a><input name="w" value="B2" type="checkbox"><span>B2</span></a>
24
- <a><input name="w" value="B3" type="checkbox"><span>B3</span></a>
26
+ <a><input name="w" value="B3" type="checkbox"><span>B3</span></a>
25
- <a><input name="w" value="B4" type="checkbox"><span>B4</span></a>
27
+ <a><input name="w" value="B4" type="checkbox"><span>B4</span></a>
26
- <a><input name="w" value="B5" type="checkbox"><span>B5</span></a>
28
+ <a><input name="w" value="B5" type="checkbox"><span>B5</span></a>
27
-
29
+ </div>
28
30
  </div>
29
31
  ```
30
32