问题：

如何在jQuery中通过循环选择至少3个复选框

薛烨

2023-03-14

我想允许至少3个复选框将检查，我试过下面的代码但它不是很好地工作。

HTML...

<div class="ywapo_options_container">
    <div class="ywapo_input_container ywapo_input_container_checkbox">
        <input  placeholder="" data-typeid="48" data-price="0" data-pricetype="fixed" data-index="0" type="checkbox" name="ywapo_checkbox_48[0]" value="ywapo_value_48" class="ywapo_input ywapo_input_checkbox ywapo_price_fixed">
    </div>
    <div class="ywapo_input_container ywapo_input_container_checkbox">
        <input  placeholder="" data-typeid="48" data-price="0" data-pricetype="fixed" data-index="0" type="checkbox" name="ywapo_checkbox_48[0]" value="ywapo_value_48" class="ywapo_input ywapo_input_checkbox ywapo_price_fixed">
    </div>
    <div class="ywapo_input_container ywapo_input_container_checkbox">
        <input  placeholder="" data-typeid="48" data-price="0" data-pricetype="fixed" data-index="0" type="checkbox" name="ywapo_checkbox_48[0]" value="ywapo_value_48" class="ywapo_input ywapo_input_checkbox ywapo_price_fixed">
    </div>
    <div class="ywapo_input_container ywapo_input_container_checkbox">
        <input  placeholder="" data-typeid="48" data-price="0" data-pricetype="fixed" data-index="0" type="checkbox" name="ywapo_checkbox_48[0]" value="ywapo_value_48" class="ywapo_input ywapo_input_checkbox ywapo_price_fixed">
    </div>
    <div class="ywapo_input_container ywapo_input_container_checkbox">
        <input  placeholder="" data-typeid="48" data-price="0" data-pricetype="fixed" data-index="0" type="checkbox" name="ywapo_checkbox_48[0]" value="ywapo_value_48" class="ywapo_input ywapo_input_checkbox ywapo_price_fixed">
    </div>
    <div class="ywapo_input_container ywapo_input_container_checkbox">
        <input  placeholder="" data-typeid="48" data-price="0" data-pricetype="fixed" data-index="0" type="checkbox" name="ywapo_checkbox_48[0]" value="ywapo_value_48" class="ywapo_input ywapo_input_checkbox ywapo_price_fixed">
    </div>
</div>

jQuery

jQuery(document).ready(function(){
        var parent =jQuery(document).find('#yith_wapo_groups_container').find('.ywapo_options_container');
        
        jQuery(parent).children().each(function(){
            if (jQuery(parent).children().length <=2 ) {
                //console.log("plaeae select at lest 3")
             }
        }); 
         
    });

有人请帮助我，我如何选择至少2个复选框？

共有1个答案

武功

2023-03-14

要确定选中了多少复选框，只需获取:checked实例的长度（我选中了下面的一个，这样您就可以看到零以外的内容）

null

console.log($('.ywapo_input_checkbox:checked').length);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="ywapo_options_container">
    <div class="ywapo_input_container ywapo_input_container_checkbox">
        <input  placeholder="" data-typeid="48" data-price="0" data-pricetype="fixed" data-index="0" type="checkbox" name="ywapo_checkbox_48[0]" value="ywapo_value_48" class="ywapo_input ywapo_input_checkbox ywapo_price_fixed">
    </div>
    <div class="ywapo_input_container ywapo_input_container_checkbox">
        <input  placeholder="" data-typeid="48" data-price="0" data-pricetype="fixed" data-index="0" type="checkbox" name="ywapo_checkbox_48[0]" value="ywapo_value_48" class="ywapo_input ywapo_input_checkbox ywapo_price_fixed">
    </div>
    <div class="ywapo_input_container ywapo_input_container_checkbox">
        <input  placeholder="" data-typeid="48" data-price="0" data-pricetype="fixed" data-index="0" type="checkbox" name="ywapo_checkbox_48[0]" value="ywapo_value_48" class="ywapo_input ywapo_input_checkbox ywapo_price_fixed">
    </div>
    <div class="ywapo_input_container ywapo_input_container_checkbox">
        <input  placeholder="" data-typeid="48" data-price="0" data-pricetype="fixed" data-index="0" type="checkbox" name="ywapo_checkbox_48[0]" value="ywapo_value_48" class="ywapo_input ywapo_input_checkbox ywapo_price_fixed" checked>
    </div>
    <div class="ywapo_input_container ywapo_input_container_checkbox">
        <input  placeholder="" data-typeid="48" data-price="0" data-pricetype="fixed" data-index="0" type="checkbox" name="ywapo_checkbox_48[0]" value="ywapo_value_48" class="ywapo_input ywapo_input_checkbox ywapo_price_fixed">
    </div>
    <div class="ywapo_input_container ywapo_input_container_checkbox">
        <input  placeholder="" data-typeid="48" data-price="0" data-pricetype="fixed" data-index="0" type="checkbox" name="ywapo_checkbox_48[0]" value="ywapo_value_48" class="ywapo_input ywapo_input_checkbox ywapo_price_fixed">
    </div>
</div>

类似资料：

JQuery验证至少有一个复选框被选中

我有一个带有一组相关复选框的ASP.NET webform。我想验证当单击提交按钮时，组中至少选中了一个复选框。我尝试过实现两种不同的解决方案，但都没有成功。当我尝试按类名返回选中复选框的长度时，收到0。当我尝试按名称返回ischecked值时，收到false。如果我查看页面的源，复选框具有“checked”属性。有人能检查我的html，让我知道我做错了什么吗？
在Android MultiSelectListPreference中至少选择一个项目

我现在已经通过互联网搜索了几个小时，到目前为止还没有找到任何实质性的东西。我想做的事情是一个多选择偏好视图，禁用最后一个项目和重新启用它，如果它不再是单独的。我通过到目前为止关于采取超类强制读取私有变量在那里编写我自己的。它正在配置自己的，该
如何要求在提交表单之前至少选中一个复选框？

我有多个复选框的列表。用户可以检查所有表单，但至少应检查其中一个以允许表单提交。我如何执行该要求？
postgres9.4通过jsonb循环：如何选择键的值：val对

这个plpgsql脚本从一组jsonb对象键：值对中选择键，但是如何为每对选择值呢？应该可以作为手册页http://www.postgresql.org/docs/9.4/static/functions-json.html指示返回值是键文本、值文本的集合。这篇Postgres-array for loop回答了array的问题。还尝试了jsonb_each（）和jsonb_array_elem
在jQuery中，如何通过其name属性选择元素？

问题内容：我的网页中有3个单选按钮，如下所示：在jQuery中，我想在单击这三个按钮中的任何一个时获取所选单选按钮的值。在jQuery中，我们有id（＃）和class（。）选择器，但是如果我想按名称查找单选按钮，该怎么办呢？请告诉我如何解决这个问题。问题答案：应该做到这一点，所有这些都在文档中，该文档具有与此类似的示例：我还应该注意，您在该代码段中有多个相同的ID。这是无效的HTML。
如何在隐藏类中通过pythom硒选择一个选项？

我正在用Selenium解析一个网站。我需要在隐藏类中选择一个选项。该部分的Html代码: 我尝试像往常一样通过选择功能选择一个选项：我得到了这个错误消息：ElementNotInteractiableException:message:element notinteractiable:element当前不可见，可能无法操作。完整的错误消息：我想，我应该先在选项下运行一个脚本，但我不知道该

如何在jQuery中通过循环选择至少3个复选框

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档