javascript - 在特定的div中获取检查的输入值

这是我的div在我的页面中多次包含的内容：

<div class="formContainerDiv" style="width:165px">
    <table>
        <tr>
            <td colspan="2">
                Assign To<br />
                <asp:CheckBoxList ID="CheckBoxListLoginUsers" runat="server">
                </asp:CheckBoxList>
                <br />
                Note<br />
                <asp:TextBox ID="TextBoxNote" runat="server" TextMode="MultiLine" Width="150" ClientIDMode="Static" class="textBoxNote"></asp:TextBox>
                <br />
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" class="saveAssignment" value="Save"/>
            </td>
            <td style="text-align: center;">
                <a href="javascript:void(0)" class="formContainerDivClose">Close</a>
            </td>
        </tr>
    </table>
</div>

那就是我的jQuery函数：

$(".saveAssignment").click(function () {
    var div = $(this).parents(".formContainerDiv");
    ......
});

我可以选择适当的formContainerDiv。但是我需要获取选中的复选框的值和TextBoxNote的值。

我怎样才能做到这一点？

提前致谢，

最佳答案

首先，使用closest而不是parents，因为您有多个.formContainerDiv

其次，在用.formContainerDiv和$(div.find("input:textbox")[0]).val()找到$(div.find("input:checkbox:checked")[0]).val()之后找到所需的