Question

我在jQuery Datatable中加载了一些html数据（单选按钮，按钮）。然后，当我想获得选中的选项时，我总是得到第一个选项。

CODE：

$('#image_table').dataTable().fnAddData
(
        [
            '<div id="rb1" class="rdio rdio-default">' +
                '<input type="radio" name="rotateMode" id="radioDefault1" value="1" checked="checked" />' +
                '<label for="radioDefault">Paisaje</label>' +
            '</div>' + 
            '<div id="rb2" class="rdio rdio-default">' +
                '<input type="radio" name="rotateMode" id="radioDefault2" value="2" />' +
                '<label for="radioDefault2">Retrato</label>' +
            '</div>',
            '<button onClick="allowImage(this)" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-ok"></span></button>'
        ]
)


allowImage = function(a) {
    var index = $(a).parent().parent().index();
    var row = $('#image_table').dataTable().fnGetData(index);
    var opt = $(row[0]).find('input[name=rotateMode]:radio:checked').val();

    alert(opt);
}

DEMO

任何人都知道我做错了或者是Jquery Datatable错误。提前致谢。对不起我的拼写错误。

Answer 1

尝试以下代码。

allowImage = function(a) {
    alert($(a).closest("td").prev('td').find("input[name='rotateMode']:checked").val())
}

JSFiddle

检查单选按钮选项失败

1 个答案: