如何在動態數組中添加字符串

Question

在這里我只有 id 如何修改以獲得 (37398351478977: 1,42110385783015:1) 字符串所以我可以將它添加到 ajax 以添加到購物車

 var values=[]; $(".ex_product_select").change(function(){ if($(this).is(":checked")) values.push($(this).val()); else{ var x = values.indexOf($(this).val()); values.splice(x,1); } $(".hide_extra_variant").text(values); }); $(document).on("click",".add",function(){ jQuery.post('/cart/update.js', { updates: { values } }); });

 <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> Product1: <input type="checkbox" class="ex_product_select" style="display:inline-block;" name="exselect" value="37398331392193"> Product2: <input type="checkbox" class="ex_product_select" style="display:inline-block;" name="exselect" value="37398351478977"> Product3: <input type="checkbox" class="ex_product_select" style="display:inline-block;" name="exselect" value="42110385783015"> <button class="add" value="add_to_cart">Add To Cart</button> <p class="hide_extra_variant"></p>

Answer 1

你想要這個結果嗎？

 var values=[]; $(".ex_product_select").change(function(){ if($(this).is(":checked")) values.push({key:values.length+1,value:$(this).val()}); else{ var x = values.findIndex(x => x.value == $(this).val()); values.splice(x,1); } console.clear(); console.log(values) let allValues = "(" + values.map(x => x.value + ":1").join() + ")"; $(".hide_extra_variant").text(allValues); }); $(document).on("click",".add",function(){ jQuery.post('/cart/update.js', { updates: { values } }); });

 <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> Product1: <input type="checkbox" class="ex_product_select" style="display:inline-block;" name="exselect" value="37398331392193"> Product2: <input type="checkbox" class="ex_product_select" style="display:inline-block;" name="exselect" value="37398351478977"> Product3: <input type="checkbox" class="ex_product_select" style="display:inline-block;" name="exselect" value="42110385783015"> <button class="add" value="add_to_cart">Add To Cart</button> <p class="hide_extra_variant"></p>