جمع مقدایر دو یا چند فیلد بصورت آجاکس یا جی کوئری

  • شروع کننده موضوع dodgy
  • تاریخ شروع

dodgy

تازه وارد
23/10/09
72
0
6
با سلام به همه دوستان و اساتید .

نمیدونم این مبحث مربوط به ajax میشه یا Jquery.ajax !

میخواستم یک فرم بسازم که چندتا چک باکس ، چندتا option و... که مثلا :

مقدار چک باکس1 = 100

مقدار چک باکس2 = 200

و... باشه و همنطور option ها !

یک قسمت هم داشته باشم واسه نمایش مجموع اعداد که دقیقا همون لحظه ای که مثلا چک باکس 1 و 2 انتخاب شد ، درون اون قسمت ( تگ ) نشون داده بشه .

هدفم اعمال تغییر در همون لحظه هست و نه اینکه فرم رو ارسال کنم و با رفرش محاسبه بشه !

ممنون میشم راهنماییم کنید .

 

iReza

کاربر عضو
26/8/12
328
0
16
میتونید از محتویات این سورس کمک بگیرید:

 

dodgy

تازه وارد
23/10/09
72
0
6
ممنون دوست من .

لینک خرابه و دانلود نمیشه :(

لینک دیگه ای ندارید ؟

 

dodgy

تازه وارد
23/10/09
72
0
6
با این روش و جاوا اسکریپت درست شد اما مشکلم اینه که :

میخوام زمانی که چک باکس از حالت checked خارج شد ( تیک نخورده باشه ) ، مقداری که در زمان انتخاب ( checked ) اضافه کرده بود رو ازش کم کنه .

<code>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<script type="text/javascript">

function sum(){

document.getElementById('tb3').value = parseInt(document.getElementById('tb2').value) + parseInt(document.getElementById('tb1').value);

}

</script>

</head>

<body>

<input type="text" id="tb1" size="3" onkeyup="sum()" value="0"/> +

<input type="text" id="tb2" size="3" onkeyup="sum()" value="0"/> =

<input type="text" id="tb3" size="3" value="0" />

</body>

</html>

</code>

 

dodgy

تازه وارد
23/10/09
72
0
6
منظورم دقیقا اینه :



ممنون میشم راهنماییم کنید .

 

dodgy

تازه وارد
23/10/09
72
0
6
همچنان منتظر آقا محمد و اساتید دیگه هستم ! :دی

 

iyazdanicharati

تازه وارد
12/9/12
27
0
1
بابلسر
function sum(){

document.getElementById('tb3').value = parseInt(document.getElementById('tb2').value) + parseInt(document.getElementById('tb1').value);

}

تابع نوشته شده خیلی سادست و برای نمایش اعداد خروجی کافی نیست!

برای نمایش یک دیتا در یک بلاک یا تگ خاص شما میتونید از innerText استفاده

کنید و با آی دی توی تگ بریزید همین...