发送到模态的 Javascript 变量

Question

我的 PHP 代码会生成一个 HTML 表格。在这一行中，我有一个输入 type=\"checkbox\" 将 id=\"$Row[ID_NUMBER]}\" 发送到模式窗口。这是使用复选框打印行数据的 echo 语句。注意行中的额外数据字段。

 echo "<tr><td><input type=\"checkbox\" id=\"{$Row[ID_NUMBER]}\" data-info=\"{$Row[BOL_NUMBER]}\" name=\"checkMr[]\" /></td></tr>";

这是检索 id=\"{$Row[ID_NUMBER]}\" 并将其显示在模式窗口中的 javascript：

 <script type="text/javascript">
   $(function modalForm(){
     $('a').click(function modalForm(){
     var selectedID = [];
     $(':checkbox[name="checkMr[]"]:checked').each (function modalForm(){
       selectedID.push(this.id);
     });
     $(".modal-body #idNumber").val( selectedID );
     });
   });
 </script>

当然有一个按钮通过 onclick="modalForm();" 调用 javascript 函数我不认为我需要给你看。然而，这里是模态打印#idNumber的地方：

 <label>Container Selected</label>
 <input disabled type="text" name="idNumber" id="idNumber" placeholder="no containers selected" />  

除了从数据表中检索 id 之外，我还需要检索 data-info=\"{$Row[BOL_NUMBER]}\" 并将其发送到模式窗口。我有一个 boNumber 的输入字段，它位于 idNumber 的正下方：

 <label>Bol Selected</label>
 <input type="text" name="bolNumber" id="bolNumber" />

我知道这可以在上面的同一个 javascript 函数中完成。任何帮助将不胜感激。

Answer 1

$(':checkbox[name="checkMr[]"]:checked').each (function modalForm(){    
    selectedID.push(this.id);
    // get the data-info from checkbox and set value in modal
    $("#bolNumber").val($(this).attr('data-info')); 
});