回答編集履歴
1
chousei
answer
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
x.addEventListener('change',e=>{
|
|
7
7
|
var flg1=document.querySelector('#f1 [type=radio]:checked')!==null;
|
|
8
8
|
var flg2=document.querySelector('#f1 [type=checkbox]:checked')!==null;
|
|
9
|
-
console.log([flg1,flg2,flg1&&flg2]);
|
|
9
|
+
// console.log([flg1,flg2,flg1&&flg2]);
|
|
10
10
|
document.querySelector('#s1').disabled=!(flg1&&flg2);
|
|
11
11
|
});
|
|
12
12
|
});
|
|
@@ -33,4 +33,19 @@
|
|
|
33
33
|
<ul><li><button type="submit" id="s1" disabled>送信</button></li></ul>
|
|
34
34
|
</div>
|
|
35
35
|
</form>
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
# IE対応
|
|
39
|
+
IEは次第に動かないものが増えていきます
|
|
40
|
+
とりあえず対応版だけあげておきます。
|
|
41
|
+
```javascript
|
|
42
|
+
window.addEventListener('DOMContentLoaded', function(){
|
|
43
|
+
[].forEach.call(document.querySelectorAll('#f1 input'),function(x){
|
|
44
|
+
x.addEventListener('change',function(){
|
|
45
|
+
var flg1=document.querySelector('#f1 [type=radio]:checked')!==null;
|
|
46
|
+
var flg2=document.querySelector('#f1 [type=checkbox]:checked')!==null;
|
|
47
|
+
document.querySelector('#s1').disabled=!(flg1&&flg2);
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
});
|
|
36
51
|
```
|