javascript使用按钮传递两个值

Question

如何使用按钮传递两个值？我的价值观是值=＆＃34;＆＃34; data-value =＆＃34; CPS210-CompSci-I（4）＆＃34;。

<button type="button" data-toggle="modal" data-target="#myModal1" class="btn btn-warning btn-md" name="grade" value="<?php echo " $cs1 "; ?>" data-value="CPS210-CompSci-I (4)">
  <span class="glyphicon glyphicon-education "></span> Grade
</button>
<script>
  $('button[name="grade"]').click(function() {
    var grade = $(this).val();
    //var cs=$(this).
    $('#grade').html("<h4> Grade recived " + grade + "</h4>");
    $('#cs').html("<h4>" + cs + "</h4>");
  });
</script>
<div class="modal-body">
  <p id="grade"></p>
  <p id="cs"></p>
</div>

Answer 1

您可以使用.data()的getter版本访问所需的data-attribute，

$('button[name="grade"]').click(function() {
  var grade = $(this).val();
  var cs = $(this).data("value"); // .data("dataAttributeName")
  $('#grade').html("<h4> Grade recived " + grade + "</h4>");
  $('#cs').html("<h4>" + cs + "</h4>");
});