Javascript 如何在弹出窗口中显示动态填充表的信息？

我有一个这样填充的表

      $(document).ready(function (e) {
      var t = { Qty: [61.0, 0.0, 8.0], Name: ["2009 A", "2009 B", "2009 C "] }
         $.each(t.Qty, function (i, ele) {
           $("#content").append("<tr><td><input type='radio' /></td><td>"+parseFloat(t.Qty[i]).toFixed(1) + "</td><td>" + t.Name[i] + "</td></tr>");
    })
})

以及它的html代码

  <script   src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js">          </script>
     <table>
        <thead>
           <tr>
              <th>Select </th>
              <th>Qty</th>
               <th>Name</th>
       </tr>
</thead>
<tbody id="content">
</tbody>

---

无论单击哪个单选按钮，我都必须在弹出窗口中显示表格信息，即名称和数量。我是jquery新手。如有任何帮助，我将不胜感激。

您可以使用以下选项轻松绑定表格中单选按钮的更改状态：

$('#content').on('change', 'input[type="radio"]', function(){ /*code*/ });

里面检查一下这台收音机检查过了吗

if ($(this).is(':checked')) { /* code */ }

要从表中获取文本，您必须选择被单击的输入无线电的父tr，并且在您得到的tr中，您必须使用jquery搜索tds。查找'td:eqNUMBER_of_td'。 TD元素从0开始

$document.readyfunction e{ var t={Qty:[61.0,0.0,8.0]，Name:[2009a，2009b，2009c]} $.eacht.Qty，功能i，元素{ $content.append+parsefloat.Qty[i].toFixed1++t.Name[i]+； } $'content'。在'change'，'input[type=radio]'上，函数{ 如果$this.is'：选中'{ var table_Name=$this.parents'tr'。查找'td:eq2'。文本； var table_Quantity=$this.parents'tr'。查找'td:eq1'。文本； alertName:+表格名称+&数量：+表格数量； } }; }; 选择 数量 名称

---

试试这个。它使用jquery ui显示弹出窗口

你的HTML代码

<table>
    <thead>
        <tr>
            <th>Select </th>
            <th>Qty</th>
            <th>Name</th>
        </tr>
    </thead>
    <tbody id="content">
    </tbody>
</table>

<div id='popup' style='display: none;'>
    <table>
      <tr>
        <td>Qty</td><td><label id='lblQty'></label></td>
      </tr>
      <tr>
        <td>Name</td><td><label id='lblName'></label></td>
      </tr>
    </table>
</div>

和javascript

$(document).ready(function(e) {
  var t = {
    Qty: [61.0, 0.0, 8.0],
    Name: ["2009 A", "2009 B", "2009 C "]
  }
  $.each(t.Qty, function(i, ele) {
    $("#content").append("<tr><td><input type='radio' name='my_radio' ind='"+i+"' /></td><td>" + parseFloat(t.Qty[i]).toFixed(1) + "</td><td>" + t.Name[i] + "</td></tr>");
  });
  $('#content [type=radio]').click(function open_popup(e){
    $('#popup').dialog({
        open: function(){
        $(this).find('#lblQty').text(parseFloat(t.Qty[$(e.currentTarget).attr('ind')]).toFixed(1));
        $(this).find('#lblName').text(t.Name[$(e.currentTarget).attr('ind')]);
      }
    });
  });

});

这是工作小提琴