关于通过jq /js 实现验证单选框 复选框是否都有被选中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于通过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是获取所有复选框的

以上是关于关于通过jq /js 实现验证单选框 复选框是否都有被选中的主要内容,如果未能解决你的问题,请参考以下文章

js实现点击选中,第二次点击取消选中状态

jQuery怎样判断按钮是不是被选中

jq实现根据值选择单选框的值

JS单选框不能选中?

C# 怎样判断DEV GridView 中选中的哪一行是分组的标题行

angularjs 复选框 单选框