Dziś wpadłem na taki mały pomysł, do którego znalazłem poniższy kod. Po zaznaczeniu checkboxu dodaje dla danego input określone rel od sum.
http://jsfiddle.net/kcd6r/
Chciałbym żeby były dwie sumy (np. dla dermal i wrinkle) jednak, po zaznaczeniu input w grupie dermal, wartość ma być dodawana do sumy dermal i jednocześnie odejmowana od sumy wrinkle, jednak np. dodawane będzie 10, a w drugim odejmowane 5. Czy da się to jakoś zrobić? Mam nadzieje, że dobrze, to opisałem..
Potrzebuję również, żeby po zaznaczeniu input , w html pod sumami pojawiały się value, czyli taki opis tego, co ktoś zaznaczył. Myślę, że można to pokazywać za pomocą wartości value
Kod
<div id="dermal">
<p><input type="checkbox" value="Crows feet" rel="15">Crows feet</p>
<p><input type="checkbox" value="Frown lines" rel="15">Frown lines</p>
<p><input type="checkbox" value="Individual facial line" rel="15">Individual facial line</p>
</div>
<div id="wrinkle">
<p><input type="checkbox" value="Wrinkle1" rel="30">Crows feet</p>
<p><input type="checkbox" value="Wrinkle2" rel="15">Frown lines</p>
</div>
Suma dermal: <span id="output">30</span>
Suma wrinkle: ?
Zaznaczyłeś: (tu wartości, które zostały wybrane, value np:)
- Crows feet
- Wrinkle2
<p><input type="checkbox" value="Crows feet" rel="15">Crows feet</p>
<p><input type="checkbox" value="Frown lines" rel="15">Frown lines</p>
<p><input type="checkbox" value="Individual facial line" rel="15">Individual facial line</p>
</div>
<div id="wrinkle">
<p><input type="checkbox" value="Wrinkle1" rel="30">Crows feet</p>
<p><input type="checkbox" value="Wrinkle2" rel="15">Frown lines</p>
</div>
Suma dermal: <span id="output">30</span>
Suma wrinkle: ?
Zaznaczyłeś: (tu wartości, które zostały wybrane, value np:)
- Crows feet
- Wrinkle2
Kod
$(document).ready(function() {
function recalculate() {
var sum = 0;
$("input[type=checkbox]:checked").each(function() {
sum += parseInt($(this).attr("rel"));
});
$("#output").html(sum);
}
$("input[type=checkbox]").change(function() {
recalculate();
});
});
function recalculate() {
var sum = 0;
$("input[type=checkbox]:checked").each(function() {
sum += parseInt($(this).attr("rel"));
});
$("#output").html(sum);
}
$("input[type=checkbox]").change(function() {
recalculate();
});
});
Czy mógłbym prosić kogoś doświadczonego o pomoc?
)))