Jquery获取表单提交中的所有选中复选框值

提前感谢忍者。 这让我快发疯了。我找不到如何循环并从表单提交中获取所有复选框。它仅检索一个值

Jquery

    var price_range = jQuery(".et_pb input[type=checkbox]:checked").val();

HTML

期望价格范围
20万美元以下
$200,000 - $300,000
$300,000 - $400,000
$400,000 - $500,000
$500,000+

使用

.each（）

获取所有值

$（文档）.ready（函数（）{
var a=[]；
$（'input'）.change（函数（）{
$（“输入：复选框：选中”）。每个（函数（）{
a、 推送（$（this.val（））；
控制台日志（a）
});
})
})

期望价格范围
20万美元以下
$200,000 - $300,000
$300,000 - $400,000
$400,000 - $500,000
$500,000+

使用

.each（）

获取所有值

$（文档）.ready（函数（）{
var a=[]；
$（'input'）.change（函数（）{
$（“输入：复选框：选中”）。每个（函数（）{
a、 推送（$（this.val（））；
控制台日志（a）
});
})
})

期望价格范围
20万美元以下
$200,000 - $300,000
$300,000 - $400,000
$400,000 - $500,000
$500,000+

如果您只对可以使用的值感兴趣：

var price\u range=jQuery（“.et\u pb input[type=checkbox]：选中”）.map（函数（idx，ele）{
返回ele.value.indexOf（'500'）>-1？'4'：ele.value；
}).get（）；
控制台日志（价格范围）

期望价格范围
20万美元以下
$200,000 - $300,000
$300,000 - $400,000
$400,000 - $500,000
$500,000+
如果您只对可以使用的值感兴趣：


var price\u range=jQuery（“.et\u pb input[type=checkbox]：选中”）.map（函数（idx，ele）{
返回ele.value.indexOf（'500'）>-1？'4'：ele.value；
}).get（）；
控制台日志（价格范围）

期望价格范围
20万美元以下
$200,000 - $300,000
$300,000 - $400,000
$400,000 - $500,000
$500,000+
var=[]；
$.each（$（$（输入[name='favlist']：选中），函数（）{
push（$（this.val（））；
});
警惕（爱好）；
var=[]；
$.each（$（$（输入[name='favlist']：选中），函数（）{
push（$（this.val（））；
});
警惕（爱好）；
我尝试了警报（价格范围）；但结果是空的？？这很有效！在选择并提交“值”时，是否仍要更改“值”？因此，如果选择500000美元，我们可以将值更改为等于“4”吗？您可以在上面的代码片段中提供一个示例吗？因此我必须在表单中添加一个“数据值”吗？我无法做到这一点。。divi wordpress联系人表单有限。我尝试了警报（价格范围）；但结果是空的？？这很有效！在选择并提交“值”时，是否仍要更改“值”？因此，如果选择500000美元，我们可以将值更改为等于“4”吗？您可以在上面的代码片段中提供一个示例吗？因此我必须在表单中添加一个“数据值”吗？我无法做到这一点。。divi wordpress的联系方式是有限的。。
                        <span class="et_pb">
                        <span class="field_options_title">Desired Price Range</span>

                        <input type="checkbox" id="price_range_12_0" class="input" value="Under $200,000" data-id="">
                        <label for="price_range_12_0"><i></i>Under $200,000</label>


                        <input type="checkbox" id="price_range_12_1" class="input" value="$200,000 - $300,000" data-id="">
                        <label for="price_range_12_1"><i></i>$200,000 - $300,000</label>


                        <input type="checkbox" id="price_range_12_2" class="input" value="$300,000 - $400,000" data-id="">
                        <label for="price_range_12_2"><i></i>$300,000 - $400,000</label>


                        <input type="checkbox" id="price_range_12_3" class="input" value="$400,000 - $500,000" data-id="">
                        <label for="price_range_12_3"><i></i>$400,000 - $500,000</label>

                        <input type="checkbox" id="price_range_12_4" class="input" value="$500,000+" data-id="">
                        <label for="price_range_12_4"><i></i>$500,000+</label>
                    </span>

var hobbies= [];
        
$.each($("input[name='favlist']:checked"),function(){
    hobbies.push($(this).val());
});

alert(hobbies);

 <input type="checkbox" value="cricket" name="favlist">
 <input type="checkbox" value="tenis" name="favlist">