Jquery VPS页面的产品滑块

Jquery VPS页面的产品滑块,jquery,Jquery,我有一个产品滑块,它需要有两套计划。1个用于linux,1个用于windows。现在,当用户单击Windows按钮时,它将更改计划-虽然这在他们滑动它之前不会生效,但我需要解决的另一个问题是,与此相比,这是一个很小的问题-确实如此。但现在我需要弄清楚如何更改链接 这是我的解决方案代码,我认为应该有效 function toSubmit() { var form = $('#signup_form'); var osValue = form.find('input[name=con

我有一个产品滑块,它需要有两套计划。1个用于linux,1个用于windows。现在,当用户单击Windows按钮时,它将更改计划-虽然这在他们滑动它之前不会生效,但我需要解决的另一个问题是,与此相比,这是一个很小的问题-确实如此。但现在我需要弄清楚如何更改链接

这是我的解决方案代码,我认为应该有效

function toSubmit() {
    var form = $('#signup_form');
    var osValue = form.find('input[name=configoption5]:checked').val();
    var locationValue = form.find('#select-locationoption:selected').val();
    var osradio = $('input[name="configoption5"]');

    if (s.getValue() == '0') {
        if ('osradio'.val() == "55") {
            window.location.href = 'https://clients.HIDE.com/cart.php?
            a = add & pid = 47 & configoption[5] = ' + osValue + ' && configoption[6] = ' +     
            locationValue;
        } else {
            window.location.href = 'https://clients.HIDENEWLINK.com/cart.php?
            a = add & pid = 47 & configoption[5] = ' + osValue + ' && configoption[6] = ' + 
            locationValue;
        }

    } else if (s.getValue() == '1') {
        window.location.href = 'https://clients.HIDE.com/cart.php?    
        a = add & pid = 47 & configoption[5] = ' + osValue + ' && configoption[6] = ' + 
        locationValue;
    } else if (s.getValue() == '2') {
        window.location.href = 'https://clients.HIDE.com/cart.php?
        a = add & pid = 47 & configoption[5] = ' + osValue + ' && configoption[6] = ' +     
        locationValue;
    } else if (s.getValue() == '3') {
        window.location.href = 'https://clients.HIDE.com/cart.php?
        a = add & pid = 47 & configoption[5] = ' + osValue + ' && configoption[6] = ' + 
        locationValue;
    }
}

/* and so on */
第一个if语句与其余语句不同,这是我试图设置它,以便在通过收音机选择windows时,订单链接发生变化,因此val=55

你可以现场观看。也许有一种更好的方式来编写javascript代码,这超出了我的知识范围。如果单击windows图标并拖动滑块一次,它将更改计划-这是它应该做的。现在我想知道如何更改订单链接

以下是完整的代码:


请帮忙。我已经为此挣扎了好几个小时,我想jQuery专家可以在2分钟内解决这个问题,因此非常感谢您的帮助。

您的代码都是内联的,因此很难理解和编辑。无论如何,我已经实现了让滑块从收音机更新的目标,在控制台中键入这行jQuery

$('input[name=configoption5]').change(function(){$(s).trigger('change')})
我想你应该试试这样的东西

<script type="text/javascript">
    var packages = [
                    ['1024', '1', '25', '1', '$10.00'],
                    ['2048', '2', '50', '2', '$20.00'],
                    ['3072', '3', '75', '4', '$35.00'],
                    ['4096', '4', '100', '6', '$50.00'],
                    ['6144', '6', '125', '8', '$65.00'],
                    ['8192', '8', '200', '10', '$95.00'],
                    ['10240', '10', '300', '15', '$125.00'],
                    ['12288', '12', '500', '20', '$150.00'],
                    ['16384', '12', '750', '25', '$200.00']
    ];



        $("input[name='configoption5']").change(function () {

            // Windows Plans
            if ($(this).val() == "55") {
                packages = [
                    ['10241', '1', '25', '1', '$10.00'],
                    ['20481', '2', '50', '2', '$20.00'],
                    ['30721', '3', '75', '4', '$35.00'],
                    ['40961', '4', '100', '6', '$50.00'],
                    ['61441', '6', '125', '8', '$65.00'],
                    ['81921', '8', '200', '10', '$95.00'],
                    ['102401', '10', '300', '15', '$125.00'],
                    ['122881', '12', '500', '20', '$150.00'],
                    ['163841', '12', '750', '25', '$200.00']];
            } else {
                packages = [
                    ['1024', '1', '25', '1', '$10.00'],
                    ['2048', '2', '50', '2', '$20.00'],
                    ['3072', '3', '75', '4', '$35.00'],
                    ['4096', '4', '100', '6', '$50.00'],
                    ['6144', '6', '125', '8', '$65.00'],
                    ['8192', '8', '200', '10', '$95.00'],
                    ['10240', '10', '300', '15', '$125.00'],
                    ['12288', '12', '500', '20', '$150.00'],
                    ['16384', '12', '750', '25', '$200.00']];
            }

            // ToDo:Here you should check someway if the 's' object was
            // already created
            $(s).trigger('change');

        });

    function _(id) {
        return document.getElementById(id);
    }
</script>