首页 > 代码库 > 关于通过jq /js 实现验证单选框 复选框是否都有被选中
关于通过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="http://www.mamicode.com/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 实现验证单选框 复选框是否都有被选中
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。