用户难以选择复选框

Question

在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>');
            });
        });

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

但问题是用户应该能够 select 一个复选框，但是在 select 之前另一个复选框仍然 selected

有什么问题？

Answer 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>');
    });
});

用户难以选择复选框

Difficulty in selecting the checkbox by the user

jquery

laravel

laravel-livewire