选择了哪个单选按钮?以模式重新显示

Which radio button selected? Resut display in Modal

本文关键字：新显示 显示 模式 单选按钮 选择      更新时间：2023-09-26

在表的第一列中，我为每一行设置了单选按钮。

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

但对于它们中的每一个来说，这种显示都只是"未定义的"。

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

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

这是小提琴：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);
});​
相关文章：