要将jquery弹出窗口中的选定项目（通过复选框）复制到父页面

Question

我有一个带有按钮的页面，单击该按钮会打开一个jqueryui弹出窗口。

窗口中有一个项目列表，每个项目旁边都有一个复选框。

我希望选定的项目在弹出窗口上单击“添加”按钮时传递到父页面。

这些项目应发回所选的值，并将其注入到文本框中。

Answer 1

正如@Adam所提到的，该表单已经存在于页面上，因此您可以轻松地读取复选框的值。

这是一些示例代码：

的HTML

<div id="some-form">
    <input type="checkbox" value="Option 1" />
    <input type="checkbox" value="Option 2" />
    <input type="checkbox" value="Option 3" />
</div>

jQuery的

$("#some-form").dialog({
    height:300,
    modal: true,
    buttons: {
        'Insert Checkbox Values': function() {
            // The following loops through the checked checkboxes
            $("input[type=checkbox]:checked", this).each(function() {
               alert($(this).val());
               // write AJAX insert method here using $.ajax or $.post
            });
            $(this).dialog('close');
        },
        Cancel: function() {
            $(this).dialog('close');
        }
    }
});

请注意，如果您使用的是asp.net，则模式将放置在<form>元素的外面 ，这意味着您将无法访问控件。

有一个简单的解决方法，只需将模式附加到表单元素上，如下所示：

$("#some-form").parent().appendTo("form:first");

希望这可以帮助。

马可