主にJavascriptに関する質問です。
可動させたい内容として、
text、email、checkboxを、すべて記入(checkboxは1個チェックから可)すると、
submit送信ボタンが、可能になる、といった内容です。
checkboxの部分だけは出来ているのですが、
それにtext、email、の記入も条件として追加しようとすると、わかりません。
現状のJavascriptを基本としつつ、可動可能なコードを追加した解答のほど、よろしくお願いします。
<script> const upp1='[name="aaa"]'; const upp2='[name="eee"]'; const uppimit='[name="OM[]"]'; document.addEventListener('change',({target})=> {if(target.matches(uppimit)){ const vove=document.querySelectorAll(`${uppimit}:checked`).length; document.querySelector('[type=submit]').disabled=vove==0; document.querySelectorAll(`${uppimit}:not(:checked)`).forEach (xtre=>{xtre.disabled=vove>=2;}); } }); window.addEventListener('DOMContentLoaded', ()=>{ const els = new CustomEvent("HTMLEvents"); els.initEvent('change', true, true ); document.querySelector(uppimit).dispatchEvent(els);}); </script> <form action="" method="POST"> <label for="txtJAB">なまえ</label> <input class="Yinkon" id="txtJAB" name="aaa" type="text"> <br/> <label for="ameJAB">メール</label> <input class="Yinkon" id="ameJAB" name="eee" type="email"> <br/> <ul> <li><input type="checkbox" id="OM1" name="OM[]" value="1ルQPる"> <label for="OM1">ルルQqPpるる</label></li> <li><input type="checkbox" id="OM2" name="OM[]" value="2かわい"> <label for="OM2">かわいい</label></li> <li><input type="checkbox" id="OM3" name="OM[]" value="3ほにゃら"> <label for="OM3">ほにゃらら</label></li> </ul> <button type="submit">send .O.K.</button> </form> コード
回答2件
あなたの回答
tips
プレビュー