得到隐藏的字段值在一个表中选择行单选按钮

Question

我有一个表中每行的最后一列有一个单选按钮和隐藏的字段。

我已经为每个隐藏字段设置了值，现在我想要捕获选中哪个单选按钮的隐藏字段值。

因为我对该表中的所有单选按钮具有相同的名称，所以用户可以一次只选择一个单选按钮。

这里是我的jquery代码来检查单选按钮是否被选中。

$('.btnNext').on('click', function() { 
    alert('clicked'); 
    if (!$('#TblPayFrequencyInfo :radio').is(':checked')) { 
     alert('No radio selected '); 
    } 
    else 
    { 
     alert('radio selected '); 
    } 
}); 

现在我的任务是获取选中单选按钮的行的隐藏字段值。

Here is my JS FIDDLE LINK

Answer 1

隐藏字段是选定无线电的下一个兄弟，所以你可以使用.next()

$('.btnNext').on('click', function() { 
    var $selected = $('#TblPayFrequencyInfo input:radio:checked') 
    if ($selected.length) { 
     var hidden = $selected.next().val() 
     alert('radio selected ' + hidden); 
    } else { 
     alert('No radio selected '); 
    } 
}); 

演示：Fiddle

Answer 2

试试这个

$('.btnNext').on('click', function() { 
    alert('clicked'); 
    if (!$('#TblPayFrequencyInfo :radio').is(':checked')) { 
     alert('No radio selected '); 
    } 
    else 
    { 
     alert('radio selected ');alert($('#TblPayFrequencyInfo :radio:checked').next().val()); 
    } 
}); 

DEMO

Answer 3

试试这个

$('.btnNext').on('click', function() { 
    if (!$('#TblPayFrequencyInfo :radio').is(':checked')) { 
     alert('No radio selected '); 
    } 
    else 
    { 
     var row = $("input[type=radio]:checked").parent(); 
     console.log(row); 
     console.log(row.find("#_PayFrequencyId_").val()); 
     alert('radio selected '); 
    } 
});