JavaScript For循环追加4次

Question

我有一个JavaScript程序不能正常运行。我不确定我做错了什么。

$(document).delegate('#add-owner', 'pageinit', function () {
            loadOwners();
            $('#add-owner-save').bind('click', function () {
                var permission = $('#editing-permissions option:selected').text();
                var selection = $("input[type='radio']:checked") || [];
                if (selection.length > 0) {
                    for (var i = 0; i < selection.length; i++) {
                        console.log($('#label-' + selection[i].id).find('.owner-name').text());
                        console.log($("input[type='radio']:checked").val());
                        $('.display-owners').append('<div class="ui-grid-a"><div class="ui-block-a">' + $('#label-' + selection[i].id).find('.owner-name').text() + '</div><div class="ui-block-b" style="text-align:right">' + permission + '</div></div>');
                    }
                    $('.display-owners').trigger('create');
                }
                $('.display-owners').show();
                $('#add-owner').dialog('close');
                $('input[name=contribute-radio]').attr('checked', false).checkboxradio("refresh");
                return false;
            });
        });

我想问题是我在这个页面上有多个单选区域。如何指定我只希望选中这些单选按钮？

Answer 1

既然您有多组单选按钮，那么您使用的选择器将在页面上找到所有这些单选按钮，这就是为什么您有多个“选中”单选按钮的原因。

这一点：

var selection = $("input[type='radio']:checked") || [];

要这样做：

var selection = $("input[name='radioset1']:checked") || [];

然后，只需将每个无线电设备命名为不同的名称，并将"radioset1“替换为此无线电设备所需的设备。