发送到模态的Javascript变量

Question

我有PHP代码，它突出了一个HTML表。在这一行中，我有一个输入type=\“复选框”，它将id=\“$RowID_NUMBER}”发送到一个模态窗口。下面是带复选框打印行数据的echo语句。注意行中的额外数据字段。

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

以下是检索id=\“{$RowID_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" />  

在从datatable检索id之前，我需要做的是检索数据-info=\“{$RowBOL_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')); 
});