jQuery UI 对话框，多复选框选中.在触发对话框之前，无法保存多选的后置数组 - jQuery UI dialog with multi-checkbox select. Can't save the post array for a multi-select until dialog has been triggered

jQuery UI dialog with multi-checkbox select. Can't save the post array for a multi-select until dialog has been triggered

HTML

<td class="cell">
    <a class="opener"
       id="opener_'.$iterator.'"
       href="#"
       rel="#type_dialog_<?= $iterator; ?>">Select</a>
    <div id="type_dialog_<?= $iterator; ?>"
         name="type"
         class="dialog"
         style="display:none">

j查询代码

$('.dialog').bind('dialogclose', function(event, ui) {
    $(this).closest('div.ui-dialog').appendTo('#mlsForm');
});
$('.opener').click(function(event) {
    $(".dialog").dialog("close");
    var top = $(event.target).offset().top + 15;
    var left = $(event.target).offset().left;
    $( ".dialog" ).dialog( "option", "position", [left, top] );
    $(event.target.rel).dialog("open");
    return false;
});

问题是，除非用户单击"选择"，否则我的更新查询会收到一个空的 POST 数组！我检查了，它没有被设置。PHP 运行以填充现有的"选中"复选框，但是如果没有用户首先单击"选择"以触发对话框，我无法让它保存现有复选框。

为澄清起见，选择数据存在于对话框下方div，其工作原理如下：

$input_name = "listing[$iterator][ptid][]";
if (!empty ($numptc1)) {
    $tbl_links .= "<td><label><input type='checkbox' name='".$input_name."' value='".$ptid[$i]."' checked />$ptname[$i]</label></td>'n";
}
else {
    $tbl_links .= "<td><label><input type='checkbox' name='".$input_name."' value='".$ptid[$i]."' />$ptname[$i]</label></td>'n";
}

当对话框被触发时，我按预期得到一个数组，但不是其他：

[ptid] => Array
    (
        [0] => 3
        [1] => 30
        [2] => 18
    )

你可以在 DOM 准备好后触发 click（）事件：

$(document).ready(function() {
    $('.opener').trigger("click");
});