質問編集履歴

1

解決しました。修正したコード追記します。

2017/01/26 04:02

投稿

momi
momi

スコア40

test CHANGED
File without changes
test CHANGED
@@ -77,3 +77,65 @@
77
77
  HTMLは必要と思われる個所だけ抜き出していますので、不足している記述などあればご指摘ください。
78
78
 
79
79
  追記いたします。
80
+
81
+
82
+
83
+ ###追記
84
+
85
+ tomohiro_obara様に貼っていただいたURLの方法応用したところ、うまくいきました。
86
+
87
+ (私のような方のために修正したコード記載いたします。)
88
+
89
+ ```html
90
+
91
+ <div id="wrapper">
92
+
93
+ <input type="checkbox" name="name1" id="check1" class="checkbox"><label for="check1">同意します-1</label>
94
+
95
+ <input type="checkbox" name="name2" id="check2" class="checkbox"><label for="check2">同意します-2</label>
96
+
97
+ <input type="checkbox" name="name3" id="check3" class="checkbox"><label for="check3">同意します-3</label>
98
+
99
+
100
+
101
+ <button type="submit" id="btn">すべて同意して送信</button>
102
+
103
+ </div>
104
+
105
+ ```
106
+
107
+ ```
108
+
109
+ $(function(){
110
+
111
+ $('.checkbox').click(function(){
112
+
113
+ var check_count = $('#wrapper :checked').length;
114
+
115
+ if (check_count == 3 ){
116
+
117
+ // チェックon時
118
+
119
+ $("#btn").removeAttr("disabled");
120
+
121
+ $("#btn").removeClass("inactive");
122
+
123
+ } else {
124
+
125
+ // チェックoff時
126
+
127
+ $("#btn").attr("disabled", "disabled");
128
+
129
+ $("#btn").addClass("inactive");
130
+
131
+ }
132
+
133
+ });
134
+
135
+ });
136
+
137
+ ```
138
+
139
+ 他お二方のご回答も勉強になりました。
140
+
141
+ 皆さん早々にご回答いただき本当にありがとうございました。