نمایش آنی اطلاعات انتخاب شده

[reza10wert]

سلام دوستان
من چطور میتونم مثلا یک لیست کشویی یا چندتا چک باکس یا رادیو باکس داشته باشم ، و به محض انتخاب هر کدام از اینها تغییرات قیمت یا ... محاسبه شده و نمایش بدهد .

مثال :
چک باکس 1 = 100
چک باکس 2 = 200
لیست کشویی = جمع

به محض انتخاب هر کدام یک از اینها عدد 300 نمایش بدهد و اگر چک باکس را کردم 200 آنی 400 را بعنوان نتیجه نمایش بدهد

ممنون میشم با کد کامل توضیح بفرمایید

[mehdi.mousavi]

سلام.
اگر فرض کنیم HTML امون این باشه:

<div class="container">
<input type="checkbox" value="100" />CheckBox I
<input type="checkbox" value="200" />CheckBox II
<input type="checkbox" value="300" />CheckBox III
<input type="checkbox" value="400" />CheckBox IV
<div id="result">0</div>
</div>


در این صورت کافیه بدین شکل عمل کنیم:

$(function () {
var result = $('#result');
$('.container input:checkbox').change(function () {
var res = Number(result.html()), val = Number(this.value);
res += this.checked ? val : -val;
result.html(res);
});
});


اینجا، با هر بار تغییر وضعیت هر CheckBox، نگاه می کنیم ببینم اون CheckBox روشن شده یا خاموش. اگر روشن شده، value ی اون checkbox رو به result فعلی اضافه می کنیم، در غیر اینصورت اون value رو از result کم می کنیم.

موفق باشید.