الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

ارجو المساعدة في checkbox و radio

بدأه cdsa88 في 16 يونيو 2012 · 7 رد · 873 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم...

ارجو المساعدة.. مشكلتي اعمل ارتباط بين checkbox و radio مع button بحيث افتح صفحة جديدة

هذة كود عملتها.. فقط radio شغال ..بس ما عرفت اربط checkbox ......بحيث اني اختار radio و (واحد checkbox ) ويفتح صفحة المرتبطة بينهم..

ارجو المساعدة..

<head>
<title>Online Page</title>
<script type="text/javascript">

function questionpage()
{
for (var i=0; i < document.frmOn1.option1.length; i++)
   {
   if (document.frmOn1.option1.checked)
      {
      var rad_val = document.frmOn1.option1.value;
      }
   }

if (rad_val=="inter")
{
  alert("You have Chosen Intermediate Level");
  window.location="inter_All.html"
}
else if (rad_val=="high")
{
 alert("You have Chosen High Level");
  window.location="high_All.html"
}
else
{
  alert("You have Chosen Basic Level");
  window.location="basic_All.html"
}
}

function questionno1()
{
document.frmOn3.txtnQuestion.value=5
}
function questionno2()
{
document.frmOn3.txtnQuestion.value=10
}
</script>

</head>
<body bgcolor="CC33FF"  >
<font  size="10" color="black"><marquee>This is Online Test page</marquee><br></font>
<hr>

<form name="frmOn1">
<font>
<b>
<center>
<br>

<h2>Choose a suitable level:</h2>

<font>
<INPUT type="radio" name="option1" value="basic" onClick="questionno1()"> BASIC LEVEL
<INPUT type="radio" name="option1" value="inter" onClick="questionno1()"> INTERMEDIATE LEVEL
<INPUT type="radio" name="option1" value="high" onClick="questionno2()"> HIGH LEVEL
</form>
</font>
</tr>
</center>
<BR>
<form name="frmOn2">
<h2><center>Choose Options:</center></h2>
<center>

<INPUT type="checkbox" name="Addi"> Addition<br>
<INPUT type="checkbox" name="Subt" > Subtraction<br>
<INPUT type="checkbox" name="Multi">Multiplication<br>
<INPUT type="checkbox" name="divi"> Division<br>
</center>
</form>
<form name="frmOn3">
<br> No of Questions(1-10):
  <input type="text" maxlength="5" name="txtnQuestion" size="4" readonly=true><br><br>
 </form>
  Click START
  <input type="button" value="START" onClick="questionpage()">
</center>
</font>
</form>

</body>
</html>

OnlineTest.html

#2

بسم الله الرحمن الرحيم

اعتقد اخي انك على الطريق الصحيح يعني نفس فكرة ال radio

بس انا عندي استفسار هل انت عامل ملف لكل احتمال يعني

ملف المستوى السهل في الجمع

ملف المستوى السهل في الطرح

ملف المستوى السهل في الضرب

ملف المستوى السهل في القسمة

ملف المستوى السهل في الجمع+الطرح

ملف المستوى السهل في الجمع+الضرب

........

........

اعتقد الامر شوي طويل و معقد ربنا يعينك انا هحاول قدر المستطاع و هرد عليك

ملاحظة:-

انا لا اجيد javascript و لكن اريد المساعدة

سؤال هل يمكن نقل معلومة من صفحة الى صفحة اخرى يعني قيمة متغير مثلا

زي ما بيحصل في ال php

تقبل تحياتي

تم تعديل هذه المشاركة بواسطة ibrahim yousre في 17 يونيو 2012 في 00:44

#3

تحياتي اخي ..

انا عامل 12 صفحة لكل مستوى 4 صفحات..

على سبيل المثال راح اختر مستوى intermediate level وراح اختر خيار "واحد فقط" من المجموعة( Multiplication.Addition .Division. subtraction )

بحيث ترتبط بصفحة الخاصة بها.

#4

طيب اخي ما دام الامر هكذا تبقى بسيطه ان شاء الله

بص احنا هنعمل متغيرين الاول فيه درجة الصعوبة مثلا اسمه

deg = high , mid , low

هياخد قيمة واحدة فقط طبعا

عند الضغط على ال ‏radio‏ الاول هيخلي القيمة ‏high‏ عند الضغط على ال ‏radio‏ الثاني يخلي القيمة ‏mid‏ و هكذا مع البقية

ده من خلال الدالة طبعا

نيجي لل ‏checkbox‏ انا مش عارف انت عاملها كده ليه اعتقد المفروض ‏radio‏ برضه

المهم هنعمل متغير ثاني اسمه

type = add , sub , mult , div

بالمثل عند الضغط على الراديو الاول تكون قيمته ‏add‏ و هكذا

و ده من خلا دالة ثانية

طيب بعدين ازاي هنروح للصفحة اللي احنا اختارناها

شوف بقه انا مش عارف تتعمل زاي بالجافاسكربت زي مقولت مليش فيها

بس الفكرة انك تعمل متغير جديد

سميه ‏page‏ مثلا

قيمة المتغير ده هتكون اتحاد سلسلة حرفية للمتغيرين ‏deg‏ و ‏type‏ و معاهم ‏‎".html"‎

شوف هي بتتعمل كده في ال ‏php

$page = $deg."_".$type."‎‏.‏html";

و كده هيكون رابط الصفحة على سبيل المثال

diff_add.html

الكلام ده هيتعمل في دالة ثالثة بنستدعيها عند الضغط على الزر ‏submit

ارجو ان تكون الفكرة واضحة و عذرا اذا الكود ما هو منسق لاني باستخدم الموبايل

تم تعديل هذه المشاركة بواسطة ibrahim yousre في 17 يونيو 2012 في 18:28

#5

اعتقد اذا عاوز تخليها بالطريقة اللي انت شغال بيها يبقى هتعمل تعديل صغير

داخل ال ‏if‏ نفسها هتعمل جملة ‏switch‏ للمتغير ‏type

لو كان ‏add

يبقى يروح للصفحة الفلانية

لو كان ‏sub

يبقى يروح للصفحة الثانية

لو كان ‏mult

يبقى يروح للصفحة الثالثة

لو كان ‏div

يبقى يروح الصفحة الرابعة

وهكذا داخل ‏ifelse‏ و ‏else

ارجو ان تجد الحل الذي تريد

تقبل تحياتي اخي

اسالك دعوة صالحة عن ظهر قلب

تم تعديل هذه المشاركة بواسطة ibrahim yousre في 17 يونيو 2012 في 18:04

#6

السلام عليكم،،،

أهلا،،

أخي أنت ملخبط على نفسك الأمور شوي و مكثر من الأكواد شوي، لما لا تبسط كودك كما هناك طرق مختلفة لبناء ما تريده ، على العموم

سآخذ كودك و أحاول تصحيحه و تبسيطه لك إن شاء الله و أشرح لك ما فعلته :)

عبدالله .

#7

بسم الله الرحمن الرحيم

السلام عليكم و رحمة الله و بركاته هذا هو الملف اخي بعد التعديل

<html>
<head>
<title>Online Page</title>
<script type="text/javascript">
var deg ;
var type ;
function questionpage()
{
if (deg==1)
{
	if (type==1)
	{
window.location="basic_add.html";
	}
	if (type==2)
	{
window.location="basic_sub.html";
	}
	if (type==3)
	{
window.location="basic_mult.html";
	}
	if (type==4)
	{
window.location="basic_div.html";
	}
}
if (deg==2)
{
	if (type==1)
	{
window.location="inter_add.html";
	}
	if (type==2)
	{
window.location="inter_sub.html";
	}
	if (type==3)
	{
window.location="inter_mult.html";
	}
	if (type==4)
	{
window.location="inter_div.html";
	}
}
if (deg==3)
{
	if (type==1)
	{
window.location="high_add.html";
	}
	if (type==2)
	{
window.location="high_sub.html";
	}
	if (type==3)
	{
window.location="high_mult.html";
	}
	if (type==4)
	{
window.location="high_div.html";
	}
}
}
function questionno1(xxx)
{
deg = xxx ;
}
function questionno2(xxx)
{
type = xxx ;
}
</script>
</head>
<body bgcolor="CC33FF">
<center>
<font  size="10" color="black"><marquee>This is Online Test page</marquee><br></font>
<hr>
<!---------------------------------------------------------------------------------->
<form name="frmOn1">
<br>
<h2>Choose a suitable level:</h2>
<INPUT type="radio" name="option1" value="basic" onClick="questionno1(1)"> BASIC LEVEL <br>
<INPUT type="radio" name="option1" value="inter" onClick="questionno1(2)"> INTERMEDIATE LEVEL <br>
<INPUT type="radio" name="option1" value="high" onClick="questionno1(3)"> HIGH LEVEL <br>
</form>
<!---------------------------------------------------------------------------------->
<form name="frmOn2">
<BR>
<h2>Choose Options:</h2>
<INPUT type="radio" name="Addi" onClick="questionno2(1)"> Addition<br>
<INPUT type="radio" name="Subt" onClick="questionno2(2)"> Subtraction<br>
<INPUT type="radio" name="Multi" onClick="questionno2(3)">Multiplication<br>
<INPUT type="radio" name="divi" onClick="questionno2(4)"> Division<br>
</form>
<!---------------------------------------------------------------------------------->
<form name="frmOn3">
<br> No of Questions(1-10):
<input type="text" maxlength="5" name="txtnQuestion" size="4" readonly=true><br><br>
</form>
<!---------------------------------------------------------------------------------->
<form name="frmOn43">
Click START
<input type="button" value="START" onClick="questionpage()">
</form>
</center>
</body>
</html>

مع مراعاة تغيير اسماء الملفات في الكود اذا لزم الامر

ياريت اذا المشكلة اتحلت تعرفنا

1.html

تم تعديل هذه المشاركة بواسطة ibrahim yousre في 17 يونيو 2012 في 22:54

#8

السلام عليكم..

اشكرك اخي Ibrahim yousre على المساعدة.. :) .. الكودات شغالة والحمد الله

تحياتي ...مشكور :)

مواضيع مشابهة