HTML单选按钮数组答案

【问题标题】：Array of HTML radio buttonHTML单选按钮数组
【发布时间】：2016-01-02 10:30:55
【问题描述】：

我有一个add contact form，其中包含动态添加的单选按钮和联系信息的输入字段：

<tr>
<td><input class="case" type="checkbox"/></td>
<td style="text-align: center"><input type="radio" value="1"  name="contact[principal][]" id="contact_1" class="icheck" @if( $contact->principal == 1) checked @endif>                                                                    </td>
<td><input type="text" value="{{ $contact->name }}" data-type="ItemName" name="contact[name][]" id="name_1" class="form-control autocomplete_txt" autocomplete="off"></td>
<td><input type="text" value="{{ $contact->position }}" name="contact[position][]" id="position_1" class="form-control changesNo" autocomplete="off" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;"></td>
<td><input type="text" value="{{ $contact->phone }}" data-mask="phone-ext" name="contact[phone][]" id="tel_1" class="form-control changesNo" autocomplete="off"  ondrop="return false;" onpaste="return false;"></td>
<td><input type="email" value="{{ $contact->email }}" name="contact[email][]" id="email_1" class="form-control changesNo" autocomplete="off"  ondrop="return false;" onpaste="return false;"></td>
</tr>

这是一个：https://jsfiddle.net/66y6dtx0/

只有一个联系人可以成为委托人，这是我从 POST 收到的示例：

[contact] => Array
    (
        [name] => Array
            (
                [0] => Jane Emerson
                [1] => Jhon Doe
            )

        [position] => Array
            (
                [0] => Gerente
                [1] => CEO
            )

        [phone] => Array
            (
                [0] => (888) 878-3969
                [1] => (888) 578-8919
            )

        [email] => Array
            (
                [0] => jhon.e@gmail.com
                [1] => jhon@example.org
            )

        [principal] => Array
            (
                [0] => 1
            )

    )

问题是当有多个联系人时，索引与被选为主人的联系人不匹配。

我该如何解决这个问题？

我使用 Laravel 框架很有帮助。

【问题讨论】：

标签： javascript php jquery html

【解决方案1】：

我对这个问题的解决方案：

我使用 jquery 将行索引添加到单选按钮的名称中，并在这篇文章的帮助下使用 jquery 取消选择其他单选按钮：

radio different names - only check one

我仍然很好奇是否有更好的解决方案。

【讨论】：