今天項目中遇到一個問題 就是要實現,單選框,複選框 同時都被選中才能進行下一步的問題,開始用js原生來寫 怎麼寫都以爲不合適,經過for循環得出 複選框被選中的,在經過for循環得出單選框被選中的,問題來了 得出來的值 怎麼作判斷的 ,到如今也沒弄明白。javascript
最後果斷 用jq來實現,剛開始也是怎麼都不行 最後發現clss的值被我寫錯了 哎 剁手! 好了 下面上jq 實現 驗證 單選框 複選框有沒有同時被選中:html
<div class="tab-stpp" id="tab-stp"> <table border="0" width="1200px" height="35px" cellspacing="10" class="bor-tabk"> <tr height="80px"> <td width="35px" style="word-break: break-all;"><input type="checkbox" name="chk"/></td> <ta>.....</td> </tr> </table> </div> 上面是 複選框部分html 下面是 單選框部分html <div class="stdz" id="stdz"> <form action="" method=get name=invest class="foom"> <input type="radio" name="city" value="shentong" checked class="input-1"> <div class="text-stkd">XXX</div> </form> </div>
上面是html代碼 下面開始上JQ代碼java
$(function(){ $(".bott-a-a").click(function(){ var fxk=$(".tab-stpp input[type=checkbox]:checked").length; var dxk=$(".stdz input[type=radio]:checked").length; if (fxk==0) { alert("未選擇要打印的訂單,請選擇訂單^_^!"); }else{ if (dxk==0) { alert("未選擇頭部快遞模板,請選擇^_^"); }else{ alert("開始打印(模塊還沒作///)"); } } }) })
經過獲取到 他們各自被選中的長度,而後if進行判斷。spa
但是用js原生怎麼實現 仍是沒想明白,有大神路過幫補寫一下 謝謝!code
備註: :checked是獲取被選中個 :checkbox是獲取全部複選框的orm