Javascript 复制收音机组中的值

我想先复制活动收音机按钮的文本值，然后再将其他收音机分组。在每个组中始终处于活动状态，只有一个。因此，每组的新值也应始终为一。我将添加一个文本值，但无法删除组的上一个值

    $('.views-exposed-widget').find('.form-type-radio').on('click', function(){
        var a = $(this).closest('.form-type-radio').find('label[class="option"]').text();
        $('.views-widget-sort-by').before('<span>'+a+'</span>');
    });

$（'.views-exposed-widget'）。查找（'.form-type-radio'）。打开（'click'，function（））{
var a=$（this）.closest（'.form-type-radio'）.find（'label[class=“option”]'））.text（）；
$（'.views widget sort by'）。在（'+a+''）之前；
});

---

我的示例：

您必须删除div元素的所有prev同级

$('.views-exposed-widget').find('.form-type-radio').on('click', function(){
        var a = $(this).closest('.form-type-radio').find('label[class="option"]').text();
        $('.views-widget-sort-by').prevAll().remove();
        $('.views-widget-sort-by').before('<span>'+a+'</span>');
});

$（'.views-exposed-widget'）。查找（'.form-type-radio'）。打开（'click'，function（））{
var a=$（this）.closest（'.form-type-radio'）.find（'label[class=“option”]'））.text（）；
$（'.views小部件排序依据'.prevAll（）.remove（）；
$（'.views widget sort by'）。在（'+a+''）之前；
});

您可以命名它们（从而在无线电组和跨距之间创建映射），以便轻松找到它们

$('.views-exposed-widget').on('change', 'input', function () {
    var self = $(this),
        name = this.name,
        text = self.closest('.form-type-radio').find('label[class="option"]').text(),
        target = $('.views-widget-sort-by').find('[data-for="'+ name +'"]'); // find the related span

    // check if we found a related span, and if not create it
    if (target.length == 0){ 
        target = $('<span data-for="'+name+'"></span>').appendTo('.views-widget-sort-by');
    }
    // set the text of the span
    target.text( text );
});

$（'.views-exposed-widget'）。在（'change'，'input'，function（）上{
var self=$（此），
name=this.name，
text=self.closest（'.form-type-radio'）.find（'label[class=“option”]”）。text（），
target=$（'.views widget sort by'）.find（'[data for=“'+name+'”）；//查找相关的范围
//检查是否找到相关的范围，如果没有，则创建它
如果（target.length==0）{
target=$（''）.appendTo（'.views小部件排序依据'）；
}
//设置跨度的文本
目标文本（text）；
});

演示

---

---

您在第一台收音机上也有一个错误的id（它应该是

edit-tid-1-4

而不是

edit-tid-1-2

）

您可以使用组名作为span的类名，在单击组按钮后清除组的值

请看这里：

$（'.views-exposed-widget'）。查找（'.form-type-radio'）。打开（'click'，function（））{
var a=$（this）.closest（'.form-type-radio'）.find（'label[class=“option”]'））.text（）；
var groupName=$（this.find（'.dls radio'）.attr（“name”）；
console.log（$（'.views小部件排序依据'）.prev（'.'+groupName）.text（''）；
$（'.views widget sort by'）。在（'+a+''）之前；
});

这将删除所有选项，而不仅仅是当前组

$('.views-exposed-widget').find('.form-type-radio').on('click', function(){
    var a = $(this).closest('.form-type-radio').find('label[class="option"]').text();
    var groupName= $(this).find('.dls-radio').attr("name");
    console.log($('.views-widget-sort-by').prev('.'+groupName).text(''));            
    $('.views-widget-sort-by').before('<span class="'+groupName+'">'+a+'</span>');
});