javascript passing two values using button

Question

How do you pass two values using a button? My values are value="" data-value="CPS210-CompSci-I (4)".

<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>

Rajaprabhu Aravindasamy · Accepted Answer · 2016-03-13 04:22:09Z

2

You can use the getter version of .data() to access your required 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>");
});

answered Mar 13, 2016 at 4:22

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

javascript passing two values using button

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related