js GridView自動計算操作コードの実装

3710 ワード

次のコードに注意して、jqueryをロードする必要がありますので、公式サイトで最新バージョンをダウンロードしてください.
 
  



js GridView,


<!-- <br>// <br>var tbl; <br>// <br>function setTotal(){ <br>var totalAmount=0;// <br>var totalCount=0;// <br>if(tbl!=null&&tbl.rows.length>2)// <br>{ <br>for(var n=1;n<tbl.rows.length-1;n++)//rows 0 , <br>{ <br>// <br>if(!isNaN(tbl.rows[n].cells[2].childNodes[0].value)) <br>{ <br>totalCount+=Number(tbl.rows[n].cells[2].childNodes[0].value); <br>} <br>// <br>if(!isNaN(tbl.rows[n].cells[3].innerText))// <br>{ <br>totalAmount+=Number(tbl.rows[n].cells[3].innerText); <br>} <br>} <br>} <br>tbl.rows[tbl.rows.length-1].cells[2].innerText=totalCount; <br>tbl.rows[tbl.rows.length-1].cells[3].innerText=totalAmount; <br>} <br>// , , <br>// index='<%#Container.DataItemIndex %>' <br>function fPrice(rowId,val){ <br>tbl.rows[Number(rowId)].cells[3].innerText= <br>Number(val)* Number(tbl.rows[Number(rowId)].cells[2].childNodes[0].value); <br>} <br>// <br>function fCount(rowId,val){ <br>tbl.rows[Number(rowId)].cells[3].innerText= <br>Number(val)* Number(tbl.rows[Number(rowId)].cells[1].childNodes[0].value); <br>} <br>// <br>function checknum() <br>{ <br>if((event.keyCode>=48&&event.keyCode<=57)||event.keyCode==8||(event.keyCode>=96&&event.keyCode<=105) <br>||event.keyCode==46||event.keyCode==37||event.keyCode==39||event.keyCode==190||event.keyCode==110) <br>{ <br>event.returnValue=true; <br>} <br>else <br>{ <br>event.returnValue=false; <br>} <br> <br>} <br>jQuery(function(){ <br>// table <br>//tbl=document.getElementById("GridView1"); <br>tbl=$("#GridView1").get(0);// DOM <br>// input <br>jQuery("input").keydown(function(){ <br>checknum(); <br>}).keyup(function(){ <br>setTotal(); <br>}); <br>}); <br> <br>// -->






















1
2