JQuery获取遍历中的多选框，下拉框的value

form表单select下拉框

<form action="" method="">
	<select name="id">
          {volist name="data" id="vo"}
                      <option value="{$vo.id}" class="test">{$vo.nick}</option>
          {/volist}
    </select>
</form>

<script type="text/javascript">
	function getSelect()
	{
	    var selected = $(".test:selected");
	    var id = 0;	  //用户接受得到的id
	    $.each(selected, function(i,e){
	        id = parseInt($(e).val());
    });
</script>

在实现购物车时遇到了一个问题：购物车每条数据都是遍历出来的（属于未来数据），当用多选框执行选择操作时，总是无法获取每个选项的特定ID值，可以在遍历后边调用getSelect()

check多选框

<form action="" method="">
	<table>
        <thead>
            <tr>
                <th><input type="checkbox" id="checkAll"></th>
                <th>产品ID</th>
                <th>产品名称</th>
            </tr> 
        </thead>
        <tbody>
            {volist name="list" id="vo"}
            <tr class="">
                <td><input type="checkbox" class="test" value="{$vo['id']}"></td>
                <td>{$vo['id']}</td>
                <td>{$vo['name']}</td>
            </tr>
            {/volist}
        </tbody>
	</table>
</form>

<script type="text/javascript">
// 得到所有选中的id值
function getSelect(){
	var checked = $('.test:checked');
    var ids = '';
    $.each(checked, function(i,e){
        ids += $(e).val()+',';
    });
}

// 点击#checkAll，实现全选或反选
$("#checkAll").on('click', function (obj) {
    var allCheckBox = $('input[type="checkbox"]');
    if (obj.target.checked) {
        for( i=0; i<allCheckBox.length; i++){
            allCheckBox[i].checked = true;
        }
    }else{
        for( i=0; i<allCheckBox.length; i++){
            allCheckBox[i].checked = false;
        }
    }
});

</script>