【问题标题】:Check Radio-Button option failed检查单选按钮选项失败
【发布时间】:2014-10-03 11:44:39
【问题描述】:

我在 jQuery Datatable 中加载了一些 html 数据(单选按钮、按钮)。然后,当我想得到选中的选项时,我总是得到第一个选项。

代码:

$('#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 错误。提前致谢。抱歉我的拼写错误。

【问题讨论】:

    标签: javascript jquery dom datatable radio-button


    【解决方案1】:

    试试下面的代码。

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

    JSFiddle

    【讨论】:

    • 抱歉我对dataTable了解不多。似乎fnGetData 返回给定行的数据,而不是 DOM。我用 jQuery 做到了。
    • 谢谢。我没想过直接使用 jQuery 选择器。
    猜你喜欢
    • 2013-02-13
    • 1970-01-01
    • 2019-05-29
    • 1970-01-01
    • 2016-03-22
    • 1970-01-01
    • 2019-01-15
    • 2016-08-17
    • 2013-10-28
    相关资源
    最近更新 更多