JQuery 操作/獲取table具體代碼
更新時間：2013年06月13日 17:31:49 作者：
table在使用中比較廣泛，下面與大家分享下JQuery操作/獲取table的基本方法，感興趣的朋友可以參考下哈
//nav_box 表格名稱
$("#nav_box tr").each(function (i) {
//var text = $(this).children("td:first").text();
//var proid = $(this).find("input:hidden").val();
//alert("proid==" + i + "===" + proid);
var num = $("#ProNum" + i).val(); //數(shù)量
var price = $("#Price" + i).val();//價格
var percent = $("#Percent" + i).val(); //折扣
var discountAmount = percent * price; //折扣價
$("#discountAmount" + i).val(discountAmount.toFixed(2)) //折扣價格
var total = discountAmount * num; //小計=折扣價*數(shù)量
$("#Total" + i).val(total.toFixed(2)); //小計
});
復制代碼 代碼如下:
$("#nav_box tr").each(function (i) {
//var text = $(this).children("td:first").text();
//var proid = $(this).find("input:hidden").val();
//alert("proid==" + i + "===" + proid);
var num = $("#ProNum" + i).val(); //數(shù)量
var price = $("#Price" + i).val();//價格
var percent = $("#Percent" + i).val(); //折扣
var discountAmount = percent * price; //折扣價
$("#discountAmount" + i).val(discountAmount.toFixed(2)) //折扣價格
var total = discountAmount * num; //小計=折扣價*數(shù)量
$("#Total" + i).val(total.toFixed(2)); //小計
});
相關文章
一步一步學jquery UI 1.72 之datepicker，中間都寫了注釋方便大家學習。2009-12-12
本文主要介紹jQuery文件上傳控件 Uploadify的用法，原作者做了非常詳細的備注，有需要的朋友可以參考一下。2016-06-06
本篇文章主要是對jquery選擇器之屬性過濾選擇器進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
本文給大家匯總介紹了幾個常用的jquery實現(xiàn)簡易的移動端驗證表單，非常的實用，有需要的小伙伴可以進來參考下。2015-11-11
本篇文章主要是對jquery事件重復綁定的快速解決方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
這篇文章主要介紹了jQuery操作基本控件方法,結合實例形式簡單分析了jQuery針對控件的樣式,ID獲取,遍歷及屬性操作等常用技巧,需要的朋友可以參考下2015-12-12
jquery+ajax實現(xiàn)上傳圖片并顯示上傳進度功能【附php后臺接收】
這篇文章主要介紹了jquery+ajax實現(xiàn)上傳圖片并顯示上傳進度功能,結合實例形式分析了jQuery+ajax結合layer.js插件與php后臺交互,實現(xiàn)顯示上傳進度的相關操作技巧,需要的朋友可以參考下2019-06-06
這篇文章主要為大家詳細介紹了jquery實現(xiàn)鼠標懸浮彈出氣泡提示框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要介紹了jQuery實現(xiàn)ajax無刷新分頁頁碼控件,需要的朋友可以參考下2017-02-02
JQueryMiniUI按照時間進行查詢的實現(xiàn)方法
下面小編就為大家?guī)硪黄狫QueryMiniUI按照時間進行查詢的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06