JQuery如何獲取table中checkBox選中的多行的值



我選中兩行,點擊下一步,就可以同步把我選中的兩行的信息以同樣的樣式顯示在下一步的界面中,這該怎么實現?
我現在不知道怎么獲取到我選中的兩行所包含的值。

7 个解决方案

#1


頁面代碼貼出來 我們才好知道你的頁面結構是啥樣子的 才能幫你寫啊

#2


引用
頁面代碼貼出來 我們才好知道你的頁面結構是啥樣子的 才能幫你寫啊 

這是拼table的代碼
for ( var i = 0; i < totalCount; i++) {
var prodHtml = "";
prodHtml +="<tr>";
prodHtml +=" <td class='center'><label><input type='checkbox' class='ace' /><span class='lbl'></span></label></td>";
prodHtml +=" <td>"+response.data.cycleMaps[i].prodCode+"</td>";
prodHtml +=" <td>"+response.data.cycleMaps[i].prodName+"</td>";
prodHtml +=" <td>"+response.data.cycleMaps[i].price+"</td>";
prodHtml +=" <td>"+response.data.cycleMaps[i].prodType+"</td>";
prodHtml +=" <td>"+response.data.cycleMaps[i].backFlag+"</td>";
prodHtml +=" <td>"+response.data.cycleMaps[i].custodyFlag+"</td>";
prodHtml +=" <td></td>";
prodHtml += "</tr>";
$('#selectedProds').append(prodHtml);
}
這是點擊下一步按鈕時候的方法:
function xiayibu(){
     需要獲取到上面table中checkbox選中的行的值,並再使用上面的方法在另一個頁面中重新顯示一遍
}

#3


你的下一步一定要是下一個界面嗎   如果兩個界面變化不大的話建議用同一個界面,這樣直接可以在當前頁面上獲取選中行的數據來顯示

如果非要下一個界面,可以在URL傳值,或者存入cookie,session之類的,在下個界面知道你是選了哪幾條記錄,根據記錄ID查詢出來之后再顯示

#4


參考

var selectedData = [];
$(":checkbox:checked").each(function(){
  var tablerow = $(this).parent("tr");
  var code = tablerow.find("[name='p_code']").val();
  var name= tablerow.find("[name='p_name']").val();
  var price= tablerow.find("[name='p_price']").val();
  selectedData.push({Code:code,Name:name,Price:price});
});

#5


引用 4 樓 liuxingfffff 的回復:
參考

var selectedData = [];
$(":checkbox:checked").each(function(){
  var tablerow = $(this).parent("tr");
  var code = tablerow.find("[name='p_code']").val();
  var name= tablerow.find("[name='p_name']").val();
  var price= tablerow.find("[name='p_price']").val();
  selectedData.push({Code:code,Name:name,Price:price});
});

可以參考這個試試

#6


$(":checkbox:checked","#selectedProds").each...這樣保證實在表格范圍 的復選框有效

#7


我是對checkbox設置了onclick事件,每次點擊一行的checkbox的時候將參數傳給一個map,當然map是自己寫的,js是沒有map的,網上可以找的到,復制一下就好了,每次的值都會存在map中,然后操作map就好了

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2020 ITdaan.com