laravel 单选按钮不断切换

goqiplq2 于 2023-04-13 发布在其他

关注(0)|答案(2)|浏览(133)

我有三个单选按钮，但他们不能正常工作。当我点击一个，另一个 Flink ，然后所有的似乎都未选中。livewire模型更改正确，但按钮搞砸了。

<div class="mt-4">
            <label  class="block mb-6">
                <input type="radio" name="package" class="custom-radio mr-2" wire:model="package" value="x" />
                x
            </label>      
            <label  class="block mb-6">
                <input type="radio" name="package" class="custom-radio mr-2" wire:model="package" value="y" />
                y
            </label>      
            <label  class="block mb-6">
                <input type="radio" name="package" class="custom-radio mr-2" wire:model="package" value="z" />
                z
            </label>      
        </div>

laravel

来源：https://stackoverflow.com/questions/75983206/radio-buttons-keep-switching

2条答案

按热度按时间

km0tfn4u1#

您必须为所有单选按钮给予不同的ID。现在所有单选按钮都没有ID，因此无法选择正确的ID
请尝试以下内容：

<div class="mt-4">
    <label  class="block mb-6" for="rd_x">
        <input type="radio" name="package" class="custom-radio mr-2" wire:model="package" value="x" id="rd_x" />
        x
    </label>
    <label  class="block mb-6" for="rd_y">
        <input type="radio" name="package" class="custom-radio mr-2" wire:model="package" value="y" id="rd_y"  />
        y
    </label>
    <label  class="block mb-6" for="rd_z">
        <input type="radio" name="package" class="custom-radio mr-2" wire:model="package" value="z" id="rd_z"  />
        z
    </label>
</div>

赞(0）回复(0）举报 2023-04-13

a0x5cqrl2#

您可以通过使用以下代码来实现所需的行为，应使用checked属性

<div class="mt-4">
  <label class="block mb-6">
    <input type="radio" name="package" class="custom-radio mr-2" wire:model="package" value="x" checked="{{ $package === 'x' ? 'checked' : '' }}" />
    x
  </label>      
  <label class="block mb-6">
    <input type="radio" name="package" class="custom-radio mr-2" wire:model="package" value="y" checked="{{ $package === 'y' ? 'checked' : '' }}" />
    y
  </label>      
  <label class="block mb-6">
    <input type="radio" name="package" class="custom-radio mr-2" wire:model="package" value="z" checked="{{ $package === 'z' ? 'checked' : '' }}" />
    z
  </label>      
</div>

赞(0）回复(0）举报 2023-04-13

我来回答

laravel 单选按钮不断切换

2条答案

相关问题

热门标签

最新问答