Getting values of a particular row using jQuery

Question

I have the following code which prints the values in a datatable.

<?php
foreach ($result as $val) {
?>
<input class="example" type="checkbox" value="yes" id="example" name="example"><?php echo $val->id; ?>
<?php } ?>

Now I want to send the value to the server when the checkbox is checked. I have the following code for the same, however I'm confused on how I can get the ID of the row which is echoed by PHP.

$(".example").change(function() {
var value = $('.example').attr('value');
console.log(value);
});

Thanks in advance.

@ImmortalDude Yes. I want the value as well as the value of echoed variable. — Krish
– Krish, Commented May 13, 2017 at 7:02

Sagar Jajoriya · Accepted Answer · 2017-05-13 07:21:12Z

1

You can set an another attribute to the checkbox like :

<input type="checkbox" data-id="<?php echo val->id ?>">

Then your code will :

$(".example").change(function() {
    if($(this).prop("checked")) {
        var value = $(this).val();
        var id = $(this).data("id")
        console.log(value);
        console.log(id);
    }
});

answered May 13, 2017 at 7:21

Sagar Jajoriya

2,3751 gold badge12 silver badges18 bronze badges

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

1 Comment

Rajshekar Reddy Over a year ago

use $(this).attr('data-id') over $(this).data('id').. using attr is faster and also .data() will cache your results which is not required in this scenario.

Collectives™ on Stack Overflow

Getting values of a particular row using jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related