2012-08-06 55 views
1

在表的第一列中,我为每一行都有radio buton。选择哪个单选按钮?在Modal中的Resut显示

首先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); 

但是,只显示“未定义”为他们每个人。

+0

的模式,你的意思是'window.showModalDialog'或一个jQuery模式? – jbabey 2012-08-06 12:50:36

+0

每次打开模式时,您是否正在运行代码,还是可能运行得太早(即复选框被选中之前)?模式是一个单独的页面吗?你可以在[jsfiddle](http://jsfiddle.net)中重现问题吗? – 2012-08-06 12:54:31

+0

它的jQuery模式在“Bootstrap”中创建。模态窗口代码只是在单选按钮的下方。当您加载非单选按钮的页面被选中时。模式应该作为一个单独的页面? – Solver 2012-08-06 13:20:20

回答

0

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

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

这里的小提琴: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); 
});​ 
相关问题