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

【问题标题】：Which radio button selected? Resut display in Modal选择了哪个单选按钮？结果以模态显示
【发布时间】：2012-08-06 21:23:49
【问题描述】：

在表格的第一列中，每一行都有单选按钮。

前 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);

但是对于它们中的每一个都只显示“未定义”。

【问题讨论】：

通过模态，你是指window.showModalDialog还是jquery模态？
您是在每次打开模式时都运行代码，还是运行得太早（即在选中复选框之前）？模态是一个单独的页面吗？你能在jsfiddle 中重现这个问题吗？
它的 jQuery 模式在“Bootstrap”中创建。模态窗口代码就在带有单选按钮的表格下方。当您加载页面时，非单选按钮被选中。模态应该作为一个单独的页面吗？

标签： javascript jquery radio-button modal-dialog

【解决方案1】：

试试这个：为了让这个工作你的模型和表单应该在同一个 HTML 页面上。

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

【讨论】：

【解决方案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);
});

【讨论】：