使用Livewire实现单选功能：从复选框到单选按钮的正确实践

<?php

namespace App\Http\Livewire;

use Livewire\Component;
use App\Models\Address; // 假设你有一个Address模型

class AddressSelector extends Component
{
    /**
     * @var \Illuminate\Support\Collection 存储所有地址的集合
     */
    public $addresses;

    /**
     * @var int|null 存储当前选中的地址ID
     */
    public $selectedAddressId;

    /**
     * 组件挂载时初始化数据
     *
     * @return void
     */
    public function mount()
    {
        $this->addresses = Address::all();
        // 可以设置一个默认选中项，例如第一个地址的ID
        $this->selectedAddressId = $this->addresses->first()->id ?? null;
    }

    /**
     * 渲染组件视图
     *
     * @return \Illuminate\View\View
     */
    public function render()
    {
        return view('livewire.address-selector');
    }

    /**
     * 当选中地址ID改变时可以执行的额外逻辑 (可选)
     * 例如，当 $selectedAddressId 属性更新时，Livewire会自动调用此方法
     *
     * @param int $value 新的选中地址ID
     * @return void
     */
    public function updatedSelectedAddressId($value)
    {
        // 可以在这里添加日志、通知或其他业务逻辑
        // 例如：session()->flash('message', '地址已更新为 ID: ' . $value);
        // 或者触发一个事件：$this->emit('addressSelected', $value);
    }
}

<div>
    <h3>选择您的地址：</h3>
    @foreach ($addresses as $address)
        <div class="mt-2">
            <input type="radio"
                   id="address-{{ $address->id }}"
                   name="selectedAddressGroup"
                   value="{{ $address->id }}"
                   wire:model="selectedAddressId"
                   class="form-check-input">
            <label for="address-{{ $address->id }}" class="form-check-label">
                {{ $address->province->name ?? '' }} - {{ $address->city->name ?? '' }} - {{ $address->address }}
            </label>
        </div>
    @endforeach

    <hr class="my-3">
    <h4>当前选中的地址ID: <span class="badge bg-primary">{{ $selectedAddressId }}</span></h4>

    <!-- 示例：显示更多选中地址的信息 -->
    @if ($selectedAddressId)
        @php
            $currentAddress = $addresses->firstWhere('id', $selectedAddressId);
        @endphp
        @if ($currentAddress)
            <p>详细信息：{{ $currentAddress->address }}</p>
        @else
            <p>未找到对应地址详情。</p>
        @endif
    @endif
</div>