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

質問編集履歴

1

HTMLを追記いたしました。よろしくお願いいたします。

2018/08/06 11:38

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -7,7 +7,58 @@
7
7
 
8
8
  ご教授いただけますでしょうか。
9
9
 
10
+ ```ここに言語を入力
11
+ <form>
12
+ <div class="p-search__elem">
13
+ <fieldset class="p-search__elem-item">
14
+ <legend class="p-search__elem-item-title">おとなの音楽教室で探す</legend>
15
+ <ul class="style-box1" style="display: none;">
16
+ <li class="disabled">
17
+ <input type="checkbox" id="senior-63" class="style-check1" name="search_cat1[]" value="63" disabled="">
18
+ <label class="p-search-list__item-label" for="senior-63">トランペット</label>
19
+ </li>
20
+ <li class="disabled">
21
+ <input type="checkbox" id="senior-64" class="style-check1" name="search_cat1[]" value="64" disabled="">
22
+ <label class="p-search-list__item-label" for="senior-64">ピアノ</label>
23
+ </li>
24
+ </ul>
25
+ </fieldset>
26
+ <fieldset class="p-search__elem-item">
27
+ <legend class="p-search__elem-item-title">こどもの音楽教室で探す</legend>
28
+ <ul class="style-box2" style="display: none;">
29
+ <li>
30
+ <input type="checkbox" id="kids-16" class="style-check2" name="search_cat2[]" value="16">
31
+ <label class="p-search-list__item-label" for="kids-16">チューバ</label>
32
+ </li>
33
+ <li>
34
+ <input type="checkbox" id="kids-18" class="style-check2" name="search_cat2[]" value="18">
35
+ <label class="p-search-list__item-label" for="kids-18">トランペット</label>
36
+ </li>
37
+ </ul>
38
+ </fieldset>
39
+ <fieldset class="p-search__elem-item">
40
+ <legend class="p-search__elem-item-title">講師紹介で探す</legend>
41
+ <ul class="staff-box" style="display: none;">
42
+ <li>
43
+ <input type="checkbox" id="staff-25" class="staff-check" name="search_staff[]" value="25" disabled="">
44
+ <label class="p-search-list__item-label" for="staff-25">小倉恵理</label>
45
+ </li>
46
+ <li>
47
+ <input type="checkbox" id="staff-386" class="staff-check" name="search_staff[]" value="386" disabled="">
48
+ <label class="p-search-list__item-label" for="staff-386">三浦コウ</label>
49
+ </li>
50
+ </ul>
51
+ </fieldset>
52
+ </div>
10
53
 
54
+
55
+ <input id="js-search__submit" class="p-search__submit p-btn" type="submit" value="検索する">
56
+
57
+ <input id="js-search__reset" class="p-search__reset p-btn" type="reset" value="リセット">
58
+ </form>
59
+ ```
60
+
61
+
11
62
  ```ここに言語を入力
12
63
  $('input').on('change', function() {
13
64