时间戳

首页 > 解决方案 > 如何使用 JQuery 计算 sql 中的两列？

php - 如何使用 JQuery 计算 sql 中的两列？

问题描述

所以我在 sql 中有 20 列的表，我需要一列来获取其他两列的总和，数据显示在modal-fade对话框中这是它的样子

div id="show" class="modal fade" role="dialog">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title"></h4>
                  </div>
                    <div class="modal-body">

                    <div class="form-group">
                      <label for="">Previous Violations :</label>
                      <b id="st_pv"/>
                    </div>

                    <div class="form-group">
                      <label for="">Current Violation :</label>
                      <b id="st_cv"/>
                    </div>

                    <div class="form-group">
                      <label for="">Total Violations :</label>
                      <b id="st_tv"/>
                    </div>

                    </div>
                    </div>
                  </div>
</div>

这是表格中触发modal-fade对话框的按钮

<td>
            <a class="show-modal btn btn-info btn-sm" 
            data-prev_violation="'.$row->prev_violation.'" 
            data-curr_violation="'.$row->curr_violation.'"
            data-tota_violation="'.$row->tota_violation.'"
            >
              <i class="fa fa-eye"></i>
            </a>
          </td>

这是在对话框JQuery上显示数据的modal-fade

  // Show function
  $(document).on('click', '.show-modal', function() {
  $('#show').modal('show');

  $('#st_pv').text($(this).data('prev_violation'));
  $('#st_cv').text($(this).data('curr_violation'));
  $('#st_tv').text($(this).data('prev_violation+curr_violation'));
  $('#st_n').text($(this).data('student_name'));
  $('#st_co').text($(this).data('course'));

  $('.modal-title').text('Student Details');
  });

这是我尝试将两列的总和 $('#st_tv').text($(this).data('prev_violation+curr_violation'));替换为tota_violation显示存储在sql中的结果的列名，但我需要计算两列，请帮助

标签： phpjquerydatabaselaravel

解决方案

你可能想做这样的事情：

$('#st_tv').text(
  $(this).data('prev_violation') + $(this).data('curr_violation')
);

该.data方法检索一个数据属性值。计算结果时可以在方法内部完成数学运算.text()以更新 DOM。

推荐阅读