How to Select Radio Button Checked On table row Click

Mohit Kala

8y10.9k

how to do like i click on table row radio button will be checked

and if second tr click first will be uncheck

i write below code

$('#myDataTable').delegate('tbody > tr', 'click', function(){

$(this).find('input[type="radio"]').attr('checked', true);

});

it selects both row

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Hiten Pandya8y ago
Accepted answer
Hello,

We can give same name to all radio button and then by using jquery change event we can track which one is changed. I make one small table which contains similar data as per your screenshot. Please refer it.

No State Name City Name
ABC DEF
WER YUI
OPR SDF
CVB GHU

and below is the screenshot of output.

Hope it helps you.

Thanks.
+2
Sandeep Singh8y ago
$('#tableSelect tr').click(function() {
$(this).find('th input:radio').prop('checked', true);
})
+1