Laravel 使用單選按鈕插入動態輸入值

Question

我是 Laravel 的初學者，我想在數據庫中插入一個更動態的地址字段，並且我想使用單選按鈕將 select 一個主要地址。 我可以添加更多地址字段，但是，我無法 select 一個主地址，因為它選擇了所有單選按鈕值。 我在下面給出了使用我的代碼

這是我的刀片文件

    <div>
          <form action="{{ route('register.post') }}" enctype="multipart/form-data" accept-charset="utf-8" method="POST" >
               @csrf
              <div class="form-group row">
                  <label for="address" class="col-md-4 col-form-label text-md-left">Address</label>
                   <div>
                     <table id="dynamicAddRemove">
                       <tr>
                         <td><button type="button" name="add" id="add-btn" class="btn btn-success">Add More Details</button></td> 
                        </tr>
                        <tr>
                          <td>
                              
                          </td>
                          <tr>
                      </table>
                      </div>
                  </div>    
                  <div class="col-md-6 offset-md-4">
                    <button type="submit" class="btn btn-primary">
                            Save
                     </button>
                 </div>
                </form>
                <div>
                <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
                <script type="text/javascript">
                    var i = 0;
                    $("#add-btn").click(function(){
                        //alert("I am an alert box!");
                    ++i;
                    $("#dynamicAddRemove").append('<tr><td><input type="text" name="moreFields['+i+'][house_no]" placeholder="House No" class="form-control" /></td><td><input type="text" name="moreFields['+i+'][street_name]" placeholder="Street Name" class="form-control" /></td><td><input type="text" name="moreFields['+i+'][area]" placeholder="Area" class="form-control" /></td><td><input type="text" name="moreFields['+i+'][pincode]" placeholder="Pincode" class="form-control" /></td><td style="padding-left:50px;"><input type="radio" class="form-check-input" name="moreFields['+i+'][primary_address]" value="'+i+'"></td><td><button type="button" class="btn btn-danger remove-tr">Remove</button></td></tr>');
                    });
                    $(document).on('click', '.remove-tr', function(){  
                    $(this).parents('tr').remove();
                    });  
                    </script>

這是我的 Controller 文件

 public function postRegistration(Request $request)
{  
    $id = DB::getPdo()->lastInsertId();
    foreach ($request->moreFields as $key => $value) {
      
        Address::create([
            'user_id'=>$id,
            'house_no'=>$value['house_no'],
            'street_name'=>$value['street_name'],
            'area'=>$value['area'],
            'pincode'=>$value['pincode'],
            'primary_address'=>$value['primary_address'],
            
        ]);
    }

Answer 1

您不需要使不同名稱的單選按鈕對所有單選按鈕使用相同的名稱，以便用戶在選擇一個后不能 select 其他單選按鈕

<input type="radio" class="form-check-input" name="moreFields" value="'+i+'">