jQuery将已检查的输入文本传递给其他输入

Question

我正在尝试将列表中用于选定值的列表项中的文本传递给表单提交时的隐藏字段值，但是我不确定选择和传递这些值（电子邮件）的最佳方法，以便使用每个表单提交。

提供与我交互的表单字段：

<form action="/app/blog/create?_csrf={{csrfToken}}" method="post" enctype="multipart/form-data" id="blogSubmission">
<div class="member-tag-container">
    <ul class="list-group checked-list-box">
        <li class="list-group-item">
            <p><input type="checkbox" class="member-tag-checkbox" name="memberTag[0]" value="1">John Doe (john.doe@gmail.com)</p>
        </li>
        <li class="list-group-item">
            <p><input type="checkbox" class="member-tag-checkbox" name="memberTag[1]" value="2">Jane Doe (jane.doe@gmail.com)</p>
        </li>
        <li class="list-group-item">
            <p><input type="checkbox" class="member-tag-checkbox" name="memberTag[2]" value="3"> (example@gmail.com)</p>
        </li>
        <input type="hidden" class="member-tag-hidden" name="memberTagEmail">
    </ul>
</div>
<button type="submit" id="create-blog-button"></button>
</form>

这是jQuery：

$('#blogSubmission').submit(function(){
        var regExp = /\(([^)]+)\)/;
        var memberEmail = []
        $("input.member-tag-hidden:checked").each(function() {
            memberEmail.push(regExp.exec($(this).parent()))
        })
});

这是我想要实现的目标：

选中的复选框= name="memberTag[0]", name="memberTag[2]"

隐藏字段已更新= <input type="hidden" class="member-tag-hidden" name="memberTagEmail" value="john.doe@gmail.com, example@gmail.com">

Answer 1

如果我了解你，我会

• 抓住价值
• 将它们添加到隐藏字段

代码：（未经测试）

$('#blogSubmission').submit(function(){
        var regExp = /\(([^)]+)\)/;
        var memberEmail = []

        // Get all of the checkboxes checked
        $("input.member-tag-checkbox:checked").each(function() {
            var result = regExp.exec($(this).parent().text());
            if (typeof result[1] !== 'undefined') { // if has value
              memberEmail.push(result[1]);
            }
        })

        // Add to hidden
        $('.member-tag-hidden').val(memberEmail.join(', '));
});