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