javascript - 复制 radio 组中的值

Question

我想在其他 div 之前复制事件单选按钮的文本值。 radio 分为几组。在每个组中始终处于事件状态，只有一个。因此，每个组的新值也应该始终为一个。我将添加一个文本值，但我无法删除该组的先前值。

    $('.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>');
    });

我的例子:http://jsfiddle.net/e59ogp8a/

Answer 1

您可以为它们命名(从而在单选组和跨度之间创建映射)以便您可以轻松找到它们

$('.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 );
});

演示在 http://jsfiddle.net/gaby/5nutt42g/1/

---

您在第一个 radio 上的 ID 也有误(它应该是 edit-tid-1-4 而不是 edit-tid-1-2)