關於通過jq /js 實現驗證單選框 復選框是否都有被選中


今天項目中遇到一個問題 就是要實現,單選框,復選框 同時都被選中才能進行下一步的問題,開始用js原生來寫 怎么寫都覺得不合適,通過for循環得出 復選框被選中的,在通過for循環得出單選框被選中的,問題來了 得出來的值 怎么做判斷的 ,到現在也沒弄明白。

最后果斷 用jq來實現,剛開始也是怎么都不行  最后發現clss的值被我寫錯了 哎 剁手! 好了 下面上jq 實現 驗證 單選框 復選框有沒有同時被選中:

<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代碼

$(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進行判斷。

可是用js原生怎么實現 還是沒想明白,有大神路過幫補寫一下 謝謝!

備注:   :checked是獲取被選中個   :checkbox是獲取所有復選框的


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM