用户难以选择复选框答案

【问题标题】：Difficulty in selecting the checkbox by the user用户难以选择复选框
【发布时间】：2021-08-24 10:33:23
【问题描述】：

在循环中使用 jQuery，我显示网络列表如下

        var networks;
        window.addEventListener('networksEvent' , event => {
            networks = event.detail.networks;
            $.each(networks, function( index, network ) {
                $('#networlist').append('<div class="custom-control custom-control-sm custom-radio">'+
                   '<input type="radio" class="custom-control-input" id="'+network.id+'">'+
                    '<label class="custom-control-label" for="'+network.id+'">'+network.name+'</label>'+
            '</div>');
            });
        });

（我通过dispatchBrowserEvent‍ in livewire 将数据发送到此页面）

但问题是用户应该能够选择一个复选框，但是在选择另一个先前的复选框后仍然被选中

什么问题？

【问题讨论】：

首先这些是单选按钮而不是复选框。确保所有单选按钮共享相同的名称属性，例如

标签： jquery laravel laravel-livewire

【解决方案1】：

发生这种情况是因为您没有在输入字段上传递name 属性。请尝试以下操作：

var networks;
window.addEventListener('networksEvent' , event => {
    networks = event.detail.networks;
    $.each(networks, function( index, network ) {
        $('#networlist').append('<div class="custom-control custom-control-sm custom-radio">'+
            '<input type="radio" name="network" class="custom-control-input" id="'+network.id+'">'+
            '<label class="custom-control-label" for="'+network.id+'">'+network.name+'</label>'+
    '</div>');
    });
});

【讨论】：