質問編集履歴
3
書式の改善
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -28,27 +28,4 @@
|
|
|
28
28
|
|
|
29
29
|
いくつか別のパターンを試しましたが、どれも思った挙動をしてくれず（片方だけがチェックになったり、片方だけのチェックを外せたり）、手を焼いています。
|
|
30
30
|
|
|
31
|
-
どなたか知恵を貸していただけないでしょうか？
|
|
31
|
+
どなたか知恵を貸していただけないでしょうか？
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
※補足：追加の質問を失礼します。
|
|
35
|
-
こちらのチェックボックスいずれかがチェックされると同時に送信ボタンが赤色に変化するという仕掛けを作っています。
|
|
36
|
-
```javascript
|
|
37
|
-
const check = $("input[type='checkbox']");
|
|
38
|
-
$('.submit').prop('disabled', true);
|
|
39
|
-
const active = $('.submit').prop('disabled', true);
|
|
40
|
-
let tf = false;
|
|
41
|
-
check.on('change', function () {
|
|
42
|
-
if (active) {
|
|
43
|
-
$('.submit').css('background-color', '#E83827').disabled = false;
|
|
44
|
-
check.prop('checked', (tf = !tf));
|
|
45
|
-
return false;
|
|
46
|
-
} else {
|
|
47
|
-
$('.submit').css('background-color', '#a5a5a5').disabled = true;
|
|
48
|
-
check.prop('checked', (tf = tf));
|
|
49
|
-
return true;
|
|
50
|
-
}
|
|
51
|
-
```
|
|
52
|
-
|
|
53
|
-
こちらのコードですと、チェックボタンは外せたものの、今度は送信ボタンがactive状態になったまま変化してくれません。
|
|
54
|
-
こちらはどのようにすれば制御ができるのでしょうか？
|
2
質問の追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -30,5 +30,25 @@
|
|
|
30
30
|
|
|
31
31
|
どなたか知恵を貸していただけないでしょうか？
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
|
|
34
|
-
|
|
34
|
+
※補足：追加の質問を失礼します。
|
|
35
|
+
こちらのチェックボックスいずれかがチェックされると同時に送信ボタンが赤色に変化するという仕掛けを作っています。
|
|
36
|
+
```javascript
|
|
37
|
+
const check = $("input[type='checkbox']");
|
|
38
|
+
$('.submit').prop('disabled', true);
|
|
39
|
+
const active = $('.submit').prop('disabled', true);
|
|
40
|
+
let tf = false;
|
|
41
|
+
check.on('change', function () {
|
|
42
|
+
if (active) {
|
|
43
|
+
$('.submit').css('background-color', '#E83827').disabled = false;
|
|
44
|
+
check.prop('checked', (tf = !tf));
|
|
45
|
+
return false;
|
|
46
|
+
} else {
|
|
47
|
+
$('.submit').css('background-color', '#a5a5a5').disabled = true;
|
|
48
|
+
check.prop('checked', (tf = tf));
|
|
49
|
+
return true;
|
|
50
|
+
}
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
こちらのコードですと、チェックボタンは外せたものの、今度は送信ボタンがactive状態になったまま変化してくれません。
|
|
54
|
+
こちらはどのようにすれば制御ができるのでしょうか？
|
1
内容の補足
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -28,4 +28,7 @@
|
|
|
28
28
|
|
|
29
29
|
いくつか別のパターンを試しましたが、どれも思った挙動をしてくれず（片方だけがチェックになったり、片方だけのチェックを外せたり）、手を焼いています。
|
|
30
30
|
|
|
31
|
-
どなたか知恵を貸していただけないでしょうか？
|
|
31
|
+
どなたか知恵を貸していただけないでしょうか？
|
|
32
|
+
|
|
33
|
+
※ちなみに検証ツールからjavascriptをつかって強制的にチェックを外すことはできました。
|
|
34
|
+
クリックでの制御ができません。
|