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 ');
    }
});

获取选中行单选按钮的表中的隐藏字段值

3 个答案: