我正在尝试使用jquery将下拉列表转换为单选按钮,这里是代码
jQuery(document).ready(function($) {
$('select#pa_size option[value=' + $choice + ']').attr('selected', true).parent().trigger('change');
});
这段代码给我单选按钮。但它不适用于add-to-cart选项。 请单击“添加到购物车”链接以查看直接页面。
答案 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');
});
//这是最新的代码。同样的问题