selectの選択かつファイル選択でボタンをアクティブにしたい
入力フォームで、必須項目を全て埋めてからボタンがアクティブになるようにしたいです。
現在、
A:selectで「--選択してください--」(value=0)以外のものを選択するとボタンがアクティブになる
B:参照ボタンでファイルを選択するとボタンがアクティブになる
このA,Bがどちらかの時では動くのですが、
A,B両方満たした時に初めてアクティブにする記述がわからず…
Javascript
Javascript
1window.onload = function() { 2 document.getElementById("checkAll").disabled = true; 3} 4 5//(A) 6function select() { 7 if(document.getElementById("staff").value === "0"){ 8 document.getElementById("checkAll").disabled = true; 9 } 10 else { 11 document.getElementById("checkAll").disabled = false; 12 } 13} 14 15//(B) 16function selectFile() { 17 if (document.getElementById("selfile1").value === ""||document.getElementById("selfile2").value === "") { 18 document.getElementById("checkAll").disabled = true; 19 } 20 else { 21 document.getElementById("checkAll").disabled = false; 22 } 23}
HTML
html
1<form> 2 <select id="staff" onchange="select();"> 3 <option value="0" selected>--選択してください--</option> 4 <option value="1">AAA</option> 5 <option value="2">BBB</option> 6 </select> 7 8 <label>参照<input id="selfile1" onchange="selectFile();" type="file" name="" style="display:none;"></label> 9 <label>参照<input id="selfile2" onchange="selectFile()" type="file" name="" style="display:none;"></label> 10 11 <div class="center"> 12 <a href="#information"><input type="button" id="checkAll" name="call" value="確認" onclick="OnButtonClick()"></a> 13 </div> 14</form>
ご教授の程よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。