Jquery 根據復選框值獲取對象數組
[英]Jquery to get array of objects based on checkbox values
問題描述
我在html中有多個復選框，當ZFC35FDC70D5FC70D5FC69D269D2698883A822C7A53EED ITED IS the Mondey It thy ys a whosect ys y shand thyecect y shand thye y a wheckeck y y a y shoseck y shoseck y shoseck y shoseck y haseck時，我需要獲取對象數組
我更喜歡使用 $.map
期望值為
[{"A": "dataA"},{"B": "dataB"}] 當 A 和 B 都被檢查時 [{"A": "dataA"}] 當只有 A 被檢查時等等
我試過了
<:DOCTYPE html> <html> <head> <script src="https.//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('input[type="checkbox"]').change(function() { alert($:map($("input[type='checkbox'],checked"). function(i) { var a = [] a[$(this).attr("name")] = $(this);attr("data-id"); return a })); }); }); </script> <input data-id="dataA" name="A" type="checkbox" />A <input data-id="dataB" name="B" type="checkbox" />B </head> </html>
2 個解決方案
解決方案1
1 已采納 2022-01-24 11:23:23
這是使用 $().map() 而不是 $.map 的 object 數組 - 注意.get()獲取數組
$(function() { $('input[type="checkbox"]').on("change", function() { // using function allows "this" const res = $("input[type='checkbox']:checked").map(function(i) { return { [this.name]: this.dataset.id }; }).get(); console.log(res) }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <input data-id="dataA" name="A" type="checkbox" />A <input data-id="dataB" name="B" type="checkbox" />B
這是一個 object：
$(function() { $('input[type="checkbox"]').on("change", function() { const res = {} $("input[type='checkbox']:checked").each(function(i) { res[this.name] = this.dataset.id; }); console.log(res) }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <input data-id="dataA" name="A" type="checkbox" />A <input data-id="dataB" name="B" type="checkbox" />B
解決方案2
1 2022-01-24 11:29:38
您的邏輯問題是map()返回一個數組； 您不需要在迭代處理程序中定義一個新數組並返回它。 您只需返回要從每個復選框生成的 object，如下所示：
jQuery($ => { let $cb = $(':checkbox').on('change', () => { let checkedValues = $cb.filter(':checked').map((i, el) => ({ [el.name]: el.dataset.id })).get(); console.log(checkedValues); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <input data-id="dataA" name="A" type="checkbox" />A <input data-id="dataB" name="B" type="checkbox" />B
循環一個對象數組並根據比較對象值得到一個新的 object
[英]Loop an array of objects and get a new object based on comparing objects values
如何獲取復選框值並使用Jquery作為多維數組存儲？
[英]How to get checked checkbox values and store in as a multidimensional array using Jquery?
如何根據另一個對象數組的值獲取一個對象數組鍵的值？
[英]how to get the values of one array of objects key based on values of another array of objects?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.