2012-08-06 65 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); 
});​