<div class="divtable"> <table id="mytable"> <tr> <th><input type="checkbox" id="chk"/>全选</th> <th>商品信息</th> <th>单价</th> <th>数量</th> <th>价格</th> <th>操作</th> </tr> <{foreach $booklist as $book}> <tr> <td><input type="checkbox" class="clchk"/></td> <td><img src="img/<{$book[2]}>" alt="" class="tupian"/> <{$book[1]}> </td> <td><{$book[3]}></td> <td> <input type="button" value="+" class="add"/> <input type="text" class="text_box" style="width: 30px;text-align: center;" value="<{$book[4]}>"/> <input type="button" value="-" class="min"/> </td> <td class="price"><{$book[3]*$book[4]}></td> <td> <a οnclick="return confirm('确定删除吗?')" href="delete.php?bookid=<{$book[0]}>">删除</a> </td> </tr> <{foreachelse}> <tr><td colspan="6">没有任何商品</td></tr> <{/foreach}> </table> <p> <div> 总计: <span id="total">0.00</span> <input type="button" value="付款"/> </div> </p> </div> <script>
//加减 $(function(){ $(".add").click(function(){ var t=$(this).parent().find('input[class*=text_box]'); t.val(parseInt(t.val())+1); setTotal(); }); $(".min").click(function(){ var t=$(this).parent().find('input[class*=text_box]'); t.val(parseInt(t.val())-1); if(parseInt(t.val())<1){ t.val(1); } setTotal(); }); //全选 // var mytable = document.getElementById("mytable"); // var chk = document.getElementById("chk"); // // for (i = 1; i < mytable.rows.length; i++) { // mytable.rows[i].cells[0].firstChild.onclick = function () { // if (this.checked) { // for (j = 1; j < mytable.rows.length; j++) { // if (!mytable.rows[j].cells[0].firstChild.checked) { // chk.checked = false; // return true; // } // } // chk.checked = true; // } else { // chk.checked = false; // } // } // } // // chk.onclick = function () { // for (i = 1; i < mytable.rows.length; i++) { // mytable.rows[i].cells[0].firstChild.checked = this.checked; // } // } </script>