{ويژه} آموزش های کاربردی و کامل کامپوننت فرم ساز آر اس فرم RsForm

[امید]

در این آموزش بهتون یاد میدم که چطور چند تا radio button بسازین و گزینه های اون رو باهم جمع کنید و مجموعش رو روی تکست باکس مشاهده کنید.

به صورت زیر:
   

خوب در ابتدا به تعداد دلخواه دکمه رادیویی با نام های radio1 و radio2 و radio3 تا آخر و تعداد گزینه های دلخواه + یک دکمه ارسال با نام Radio Calculate و عنوان دلخواه + یک تکست باکس برای جواب با نام Total2 و عنوان دلخواه بسازید.
من برای مثال سه تا دکمه رادیویی ساختم که اولی 4 تا گزینه، دومی 5 تا گزینه و سومی 6 تاگزینه داره.
به این صورت:
   

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

این کد رو برای سه تا دکمه رادیویی استفاده کردم ولی توضیح میدم که چگونه تعدادشو بیشتر کنید.

کد php: (انتخاب همه)

<script type="text/javascript">
function calculateRadio(){

var op1=document.getElementsByName('form[radio1]');

var op2=document.getElementsByName('form[radio2]');

var op3=document.getElementsByName('form[radio3]');

var result=document.getElementById('Total2');

result.value=0;

result.value=parseInt(result.value);

for(i=0;i<op1.length;i++)

if(op1[i].checked) result.value=parseInt(result.value)+parseInt(op1[i].value);

for(i=0;i<op2.length;i++)

if(op2[i].checked) result.value=parseInt(result.value)+parseInt(op2[i].value);

for(i=0;i<op3.length;i++)

if(op3[i].checked) result.value=parseInt(result.value)+parseInt(op3[i].value);

}

</script> 


برای افزودن یه دکمه رادیویی جدید به کد باید اول یه دکمه جدید بسازید مثلا با نام radio4 و عنوان دلخواه.

خط پنجم کد بالا که با var op3 شروع میشه میگه که مقدار دکمه رادیویی سوم(radio3) رو بگیره و توی op3 بریزه حالا شما باید یه کد جدید رو به زیر کد آخرین دکمه رادیویی تون اضافه کنید.
مثلا در اینجا من به زیر کد دکمه رادیویی سوم کد زیر رو اضافه میکنم.

کد php: (انتخاب همه)

var op4=document.getElementsByName('form[radio4]'); 


همینطور بعد از خط آخر که با if(op2 شروع میشه و قبل از } باید کد زیر رو برای اضافه کردن مقدار دکمه رادیویی چهارم به مجموع بقیه اضافه کنیم.

کد php: (انتخاب همه)

for(i=0;i<op4.length;i++)

if(op4[i].checked) result.value=parseInt(result.value)+parseInt(op4[i].value); 


خوب حالا کدتون رو میتونید خودتون برای تعداد مورد نیاز دکمه رادیویی تهیه کنید.

مرحله آخر هم اینه که شما به ویرایش اون دکمه ارسالتون برید و توی خواص اضافش کد زیر رو بهش بدین و فرمتون رو ذخیره و تست کنید.

کد php: (انتخاب همه)

onclick="calculateRadio();" 


نمونه فرم انجام شده این آموزش براتون آماده کردم که میتونید از پیوست دریافت کنید.

موفق باشید/ التماس دعا