1. 程式人生 > >JavaScript獲取遍歷中的多選框的唯一屬性值(如id)

JavaScript獲取遍歷中的多選框的唯一屬性值(如id)

在實現購物車時遇到了一個問題:購物車每條資料都是遍歷出來的(屬於未來資料),當用多選框執行選擇操作時,總是無法獲取每個選項的特定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({
	});

}

歡迎留言提意見,盡最可能改進