变化下拉到单选按钮

时间:2015-07-02 07:09:57

标签: javascript jquery html

我正在尝试使用jquery将下拉列表转换为单选按钮,这里是代码

jQuery(document).ready(function($) {
    $('select#pa_size option[value=' + $choice + ']').attr('selected', true).parent().trigger('change');
});

这段代码给我单选按钮。但它不适用于add-to-cart选项。 请单击“添加到购物车”链接以查看直接页面。

1 个答案:

答案 0 :(得分:0)

jQuery(document).ready(function($){
 //Get Exising Select Options    
$('select#pa_size').each(function(i, select){
    var $select = $(select);
    $select.find('option').each(function(j, option){
        var $option = $(option);
        // Create a radio:
        var $radio = $('<input type="radio" />');
        // Set name and value:
        $radio.attr('name', $select.attr('name')).attr('value', $option.val());
        // Set checked if the option was selected
        if ($option.attr('selected')) $radio.attr('checked', 'checked');
        // Insert radio before select box:
        $select.before($radio);
        // Insert a label:
        $select.before(
          $("<label />").attr('for', $select.attr('name')).text($option.text())
        );
        // Insert a <br />:
        $select.before("<br/>");
    });
    $select.remove();
});

$('.single_variation_wrap').css('display','block');

});
//这是最新的代码。同样的问题