Массив кнопки HTML радио

Question

У меня есть 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, что помогает.

Answer 1

Мое решение этой проблемы:

Я добавил индекс строки с помощью JQuery на имя кнопки радио и используется JQuery для отмены выбора остальных радиокнопки с помощью этого поста:

radio different names - only check one

Мне все еще интересно, есть ли лучшее решение.