Я так и неугомонился с этой затеей.. уже раза 4 нападал на простой казалось бы чекбокс... Но, как всегда - либо не пашет скрипт полностью, либо чекбокс появляется, но в сумму не липнет
В общем нужно между чекбоксом:
<label for="checkbox1">Я переключаю 1 чекбокс</label>
и
<label for="checkbox2">Я переключаю 2 чекбокс</label>
Вставить чекбокс
<label for="checkbox3">Я переключаю 3 чекбокс</label>
и придать ему значение (4500), не засовывая в его содержимое слайдеры или еще что-либо.. тупо checked = +4500 к $(".res").html(p1 * x + y + z + w
+ q) к примеру через var q
пытался делать так:
<div class="opt">
<input type="checkbox" id="checkbox1" class="checkbox">
<label for="checkbox1">Я переключаю 1 чекбокс</label>
<div class="slider"></div>
<input type="text" class="amount" readonly>
</div>
<div class="opt">
<input type="checkbox" name="xcheck" value="4500" id="checkbox3" class="checkbox">
<label for="checkbox3">Я переключаю чекбокс за 4500</label>
</div>
<div class="opt">
<input type="checkbox" id="checkbox2" class="checkbox">
<label for="checkbox2">Я переключаю 2 чекбокс</label>
<div class="slider"></div>
<input type="text" class="amount" readonly>
</div>
-------
$(".res").html(p1 * x + y + z + w + q)
------
$(".opt").each(function(i, el) {
var d = data[i],
var q = $('[name="xcheck"]:checked').index('[name="xcheck"]') ,
am = $(".amount", el),
sl = $(".slider", el),
c = $('[type="checkbox"]',
el);
sl.slider({
min: d[0],
max: d[1],
step: d[2],
slide: function(event, ui) {
am.val(ui.value)
},
change: function(event, ui) {
am.val(ui.value)
},
stop: out
});
sl.slider("option", "value", d[0]);
if (c.length) c.on("click", function() {
!this.checked && sl.slider("option", "value", 0);
out()
})
});
колдовал и все ломаю.. в общем как обычно