Question

在表格的第一列中，每行都有无线电按钮。

前3个单选按钮：

<form id="myForm">
<input id="1" name="select_row" type="radio">
<input id="2" name="select_row" type="radio">
<input id="3" name="select_row" type="radio">
</form>

我想阅读哪个单选按钮已被选中并在模态窗口中显示。

按钮分配模态：

<a class="btn btn-danger" data-toggle="modal" href="#myModal">Launch Modal</a>

到目前为止，模式已尝试过这些代码：

var id = $("input[@name=select_row]:checked").attr('id');
var id = $('input[name=select_row]:checked').attr('id');
var id = $('input[name=select_row]:checked').val();
var id = $("input[name=select_row]:checked").val();  
var id = $('form input[type=radio]:checked');
var id = $('input[name=select_row]:checked', '#myForm').val()

document.write(id);

但是每个人只显示“未定义”。

Answer 1

试试这个：为了实现这个目的，你的模型和表格应该在同一个HTML页面上。

alert($('#myForm').find("input:radio:checked").attr('id'));

Answer 2

这是小提琴：http://jsfiddle.net/qNSCn/

<form id="myForm">
<input id="1" name="select_row" type="radio">
<input id="2" name="select_row" type="radio">
<input id="3" name="select_row" type="radio">
</form>
<a class="btn btn-danger" id="link" data-toggle="modal" href="#myModal">Launch Modal</a>

对于jQuery代码：

$('#link').click(function(){
    var x = $('#myForm input[type=radio]:checked').attr('id');
    console.log(x);
});

选择了哪个单选按钮？ Modal中的Resut显示

2 个答案: