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

回答編集履歴

1

修正

2017/08/02 05:36

投稿

s8_chu
s8_chu

スコア14731

answer CHANGED
@@ -1,4 +1,4 @@
1
- 以下のように行ってみてはいかがでしょうか?
1
+ 的外れかもしれませんが、以下のように行ってみてはいかがでしょうか?
2
2
  ```HTML
3
3
  <!DOCTYPE html>
4
4
  <html lang="ja">
@@ -9,19 +9,25 @@
9
9
  </head>
10
10
  <body>
11
11
  <div class="form-group">
12
- <label class="col-sm-4 control-label">お届け先が異なる場合</label>
12
+ <label class="col-sm-4 control-label">
13
+ お届け先が異なる場合
14
+ </label>
13
15
  <div class="col-sm-7">
14
16
  <div>
17
+ <label class="checkbox-inline">
15
- <label class="checkbox-inline"><input type="checkbox" name="deliver_checkbox" value="その他"
18
+ <input type="checkbox" name="deliver_checkbox" value="その他" class="deliver_checkbox">
19
+ その他
16
- class="deliver_checkbox">その他</label>
20
+ </label>
17
21
  </div>
18
22
  </div>
19
23
  </div>
20
24
  <div id="deliver_flg">
21
25
  <div class="form-group">
22
- <label class="col-sm-4 control-label">氏名</label>
26
+ <label class="col-sm-4 control-label">
27
+ 氏名
28
+ </label>
23
29
  <div class="col-sm-7">
24
- <input type="text" name="deliver_name" id="deliver_name" class="form-control" value=""/>
30
+ <input type="text" name="deliver_name" id="deliver_name" class="form-control">
25
31
  </div>
26
32
  </div>
27
33
  </div>
@@ -29,11 +35,11 @@
29
35
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
30
36
  <script>
31
37
  $(function () {
38
+ if ($(".deliver_checkbox").prop("checked")) {
39
+ $(".deliver_checkbox").prop("checked", false);
40
+ }
32
41
  $("#deliver_flg").hide();
33
42
 
34
- var other = $('input[name="deliver_checkbox"]:checked').val();
35
- deliver_checkbox(other);
36
-
37
43
  $(".deliver_checkbox").change(function () {
38
44
  deliver_checkbox($(this).prop("checked"));
39
45
  });
@@ -45,5 +51,4 @@
45
51
  </script>
46
52
  </body>
47
53
  </html>
48
-
49
54
  ```