更改通讯录下拉（用于运输）从下拉列表到收音机按钮

Question

我需要知道如何更改注册帐户结帐上的通讯录下拉订单到无线电按钮（类似于亚马逊）

Answer 1

我尝试过一段时间以前尝试这样做，发现修改计费地址和运输地址模板是一项耗时的工作，这是一个很大的错误来源。
我最终与JavaScript一起做。我不是100％确定它涵盖了所有可能的情况，但是到目前为止，我还没有发现任何问题。
下列JS的作用很大。

function selectToRadio(selectid){
    var selectname = jQuery('#' + selectid).attr('name');
    jQuery('#' + selectid).hide().after('<div class="radio-field" id="' + selectid +'_radios"></div>').children('option').each(function(){
        var optval = jQuery(this).val();
        var opttext = jQuery(this).text();
        var checked = '';
        if (jQuery(this).is(':selected')){
            checked = ' checked="checked"';
        }
        jQuery(this).parent().next().append('<div class="radio-entry"><input' + checked + ' type="radio" name="'+selectname+'" value="'+optval+'" id="' + selectid + '_' + optval + '" /><label class="radio-label" for="' + selectid + '_' + optval + '">'+opttext+'</label></div>');
    });
    jQuery('#' + selectid +'_radios input[type="radio"]').on('change', function(){
        jQuery('#' + selectid).val(jQuery(this).val());
        $(selectid).onchange();
    });
}

将其放入您的一个JS文件中（注意：仅适用于jQuery），在计费和运输地址模板（或Checkout/OnePage.phtml中）和Mutishipping页面中只需添加以下行：

<script type="text/javascript">
jQuery(document).ready(function(){
    selectToRadio('billing-address-select');//for billing address
    selectToRadio('shipping-address-select');//for shipping address
});
</script>