javascript - 选择了哪个单选按钮？结果以模态显示

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