<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> // FTRcvCode ="1" => "นักศึกษา" // FTRcvCode ="2" => "บุคคลทั่วไป" // FTRcvCode ="3" => "โซเชียล" function SigmalRUpdateData(){ var myjson = '{"tType":"CUSTOMER","aoCustomer":[{"FTCstType":1,"FDXihDocDate":12/08/2018,"FTXihDocTime":15:00:00}]}'; // console.log(myjson) var myArr = $.parseJSON(myjson); for(var i = 0; i<myArr['aoCustomer'].length;i++){ tGpgCode = myArr['aoCustomer'][i].FTCstType; tPgpName = myArr['aoCustomer'][i].FDXihDocDate; nPaymentAmt = myArr['aoCustomer'][i].FTXihDocTime; nCountPgpRow = $('table tr td:contains("'+tGpgCode+'")').length if(nCountPgpRow == 0){ $('#otbPaymantGroup').append($('<tr>') .append($('<td>') .text(tGpgCode) .attr('id','otdStkGpg'+tGpgCode) ) .append($('<td>') .text(nPaymentAmt) .attr('id','otdPayMentAmt'+tGpgCode) ) ); }else{ nLastAmt = parseFloat($('#otdPayMentAmt'+tGpgCode).text()); nIncommingAmt = parseFloat(nPaymentAmt); nNewAmt = nLastAmt + nIncommingAmt; $('#otdPayMentAmt'+tGpgCode).text(nNewAmt); } } } </script> <button onclick="SigmalRUpdateData()">SignalR</button> <table class="table table-bordered" id="otbPaymantGroup"> <thead> <tr> <th>นักศึกษา/อาจารย์</th> <th>บุคคลทั่วไป</th> <th>โชลเชี่ยล</th> </tr> </thead> <tbody> <tr> <td id="otdStkGpg1">2</td> <td id="otdStkGpg1">0</td> <td id="otdStkGpg1">0</td> </tr> </tbody> </table>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label class="radio-inline"> <input type="radio" name="groupType" value="1"> นักศึกษา/อาจารย์ </label> <label class="radio-inline"> <input type="radio" name="groupType" value="2"> บุคคลทั่วไป </label> <label class="radio-inline"> <input type="radio" name="groupType" value="3"> โชลเชี่ยล </label> <button type="button" class="btn btn-xs btn-info" onclick="updateTable();"> Send </button> <table class="table table-bordered"> <thead> <tr> <th>นักศึกษา/อาจารย์</th> <th>บุคคลทั่วไป</th> <th>โชลเชี่ยล</th> </tr> </thead> <tbody> <tr> <td id="otdStkGpg1"></td> <td id="otdStkGpg2"></td> <td id="otdStkGpg3"></td> </tr> </tbody> </table> <script type="text/javascript"> function updateTable(){ var groupVal = $('input[name="groupType"]:checked').val(); if(groupVal != undefined){ var oldValue = $('#otdStkGpg' + groupVal).text(), oldValue = (oldValue == "" ? 0 : oldValue); $('#otdStkGpg' + groupVal).text((parseInt(oldValue) + 1)); } } </script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
