JavaScript獲取遍歷中的多選框的唯一屬性值(如id)
阿新 • • 發佈:2019-02-07
在實現購物車時遇到了一個問題:購物車每條資料都是遍歷出來的(屬於未來資料),當用多選框執行選擇操作時,總是無法獲取每個選項的特定ID值
<ul class="commodity_list_term"> {volist name="data" id="v"} <li class="select" cart_id="{$v.cart_id}"> <em aem="0"></em>//這裡是選框 <img src="" /> <div class=""></div> </li> {/volist} </ul> <a href="javascript:void(0);" onclick="remove()">刪除</a>
然後在JavaScript中新建方法,並且通過遍歷的方式獲取我們想要的值,接下來就可以進行組合,將我們想要拿到的資料傳送給後端
function remove(){ var arr = ""; //這裡的class屬性pitch_on是當上邊en標籤被選中後給en標籤,each()將遍歷該元素 $(".commodity_list_term").each(function () { //這裡的this是指選項框 arr += $(this).parent().attr('cart_id')+','; }); var data = { 'cart_id':arr }; //傳送ajax請求 $.ajax({ }); }
歡迎留言提意見,盡最可能改進