本人QQ：240814476  欢迎大家提问，共同学习，共同进步。

最近做了一个数据库大作业啊，想用JSP做，发现代码量好大，在做前台的时候感觉手忙脚乱，没时间。

可能是本人拖了太久的原因吧

。

做的时候发现网上没有好的点击按钮加钱的JS和代码，在这拿出来大家分享

想做一个   在页面上 自动根据  数据库记录的条数，然后点击增加按钮就可以添加商品，价格和总价自动增加。

本人由于写前台的时间太短了所以很粗糙的界面。

不多说了上代码：

按条数生成每行商品：

pro_detailServlet?actionDo=add" method="post">

JDBCconnect a = new JDBCconnect();

order order = (order) session.getAttribute("order");

System.out.println(order.getOrder_id());

String sql = "select * from tb_product";

Statement st = null;

ResultSet rs = null;

Connection con = JDBCconnect.getConnection();

st = con.createStatement();

rs = st.executeQuery(sql.toString());

%>

订单号

value="">

序号产品ID产品名称打包方式产品单位产品产地产品保质期详细介绍产品单价购买数量购买价格

int s = 0;

while (rs.next()) {

s++;

String pro_id = rs.getString("pro_id");

String pro_name = rs.getString("pro_name");

String pro_packing = rs.getString("pro_packing");

String pro_unit = rs.getString("pro_unit");

String pro_hometown = rs.getString("pro_hometown");

String pro_diedate = rs.getString("pro_diedate");

String pro_describe = rs.getString("pro_describe");

String pro_price = rs.getString("pro_price");

%>

">">>price"

name="untiprice" type="text" value="">

" οnclick="sumaaa()">+

amount" name="amount" type="text" value="0">

" οnclick="minusaaa()">-

sum" name="unti_sum" value="0.0">

}

rs.close();

%>

总价:

%>

οnclick="form1.submit()"

value="确认下单">

${msg}

点击按钮自动加数量和总价(配合上面的代码)：

function sumaaa(w) {

var no =w;

var price = parseFloat(document.getElementById(no + "price").value);

var am = parseInt(document.getElementById(no + "amount").value)+1;

var all=parseFloat(document.getElementById("sum").value);

var sum = price * am ;

all=all+sum;

document.getElementById(no + "sum").value = parseFloat(sum);

document.getElementById("sum").value = parseFloat(all).toString();

document.getElementById(no + "amount").value =am ;

}

function minusaaa(w) {

var no =w;

var price = parseFloat(document.getElementById(no + "price").value);

var am = parseInt(document.getElementById(no + "amount").value)-1;

var all=parseFloat(document.getElementById("sum").value);

if (am >= 0) {

var sum = price * am ;

all=all+sum;

document.getElementById(no + "sum").value = parseFloat(sum);

document.getElementById("sum").value = parseFloat(all).toString();

document.getElementById(no + "amount").value =am ;

}

}