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

مساعدة في تنفيذ الفورم

مغلق
بدأه squrban في 6 فبراير 2005 · 5 رد · 645 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

اريد تنفيذ شرط معين بالنسبة للفورم قبل ارساله ..وارجو ان تكون الصورة المرفقة مفهومة :unsure: ...

في البداية هذه بعض المعلومات حول الصورة المرفقة:

A,B radio

1,2,3,4,5,6 checkbox

اريد ان يتم اختيار A او B تلقائى بحث بعد ان يختار الشخص 1 او 2 او 3 يتم اختيار A وبالمثل بالمقابل بحيث اذا تم اختيار اي شي من المجموعة الثانية يتم اختيار B ..

واعتقد بان الحل بسيط باستخدام كود جافا...لكن تعبت وانا اجرب :wacko: :blink: ...

post-20-1107722417_thumb.jpg

تم تعديل هذه المشاركة بواسطة squrban في 6 فبراير 2005 في 23:40

#2

جرب هذا المثال

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<script language=javascript>
function checklist1()
{
if (document.form1.R1.checked = true)
{
	document.form1.C1.checked = true;
	document.form1.C2.checked = true;
	document.form1.C3.checked = true;
	document.form1.C4.checked = false;
	document.form1.C5.checked = false;
	document.form1.C6.checked = false;

}
}
</script>
<script language=javascript>
function checklist2()
{
if (document.form1.R1.checked = true)
{
	document.form1.C4.checked = true;
	document.form1.C5.checked = true;
	document.form1.C6.checked = true;
	document.form1.C1.checked = false;
	document.form1.C2.checked = false;
	document.form1.C3.checked = false;

}
}
</script>
</head>

<body>
<form method="POST" name=form1 action="--WEBBOT-SELF--">
<table border="1" width="14%" id="table1" bordercolor="#FFFFFF">
	<tr>
  <td width="47" bordercolor="#000000" align="left">
 	 <p><input id=radio1 type="radio" value="V1" name="R1" onclick="checklist1(this);"></p>
  </td>
  <td bordercolor="#000000" align="left">
  <input type="radio" value="V2" checked name="R1" onclick="checklist2(this);"></td>
	</tr>
	<tr>
  <td width="47" bordercolor="#000000" align="left">
 	 <p><input type="checkbox" name="C1" value="ON"></p>
  </td>
  <td bordercolor="#000000" align="left">
  <input type="checkbox" name="C4" value="ON"></td>
	</tr>
	<tr>
  <td width="47" bordercolor="#000000" align="left">
  <input type="checkbox" name="C2" value="ON"></td>
  <td bordercolor="#000000" align="left">
  <input type="checkbox" name="C5" value="ON"></td>
	</tr>
	<tr>
  <td width="47" bordercolor="#000000" align="left">
  <input type="checkbox" name="C3" value="ON"></td>
  <td bordercolor="#000000" align="left">
  <input type="checkbox" name="C6" value="ON"></td>
	</tr>
	</form>
</table>

</body>

</html>

RadioCheckTest.htm

#3

شكر على المساعدة.. :)

لكن اريد العكس تماماً .. اي عند اختيار checkbox يتم بعدها اختيار radio

مثل 

if (document.form1.C1.checked = true)
{
document.form1.R1.checked = true;
}

ولكن الكود لم ينجح مع radio..

#4 
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<script language=javascript>
function checklist1()
{

if (document.form1.C1.checked = true)
{
	document.form1.R1.checked = true;
	document.form1.C1.checked = true;
	document.form1.C2.checked = true;
	document.form1.C3.checked = true;
	document.form1.C4.checked = false;
	document.form1.C5.checked = false;
	document.form1.C6.checked = false;
	document.form1.R2.checked = false;	

}
if (document.form1.C2.checked = true)
{
	document.form1.R1.checked = true;
	document.form1.C1.checked = true;
	document.form1.C2.checked = true;
	document.form1.C3.checked = true;
	document.form1.C4.checked = false;
	document.form1.C5.checked = false;
	document.form1.C6.checked = false;
	document.form1.R2.checked = false;	

}
if (document.form1.C3.checked = true)
{
	document.form1.R1.checked = true;
	document.form1.C1.checked = true;
	document.form1.C2.checked = true;
	document.form1.C3.checked = true;
	document.form1.C4.checked = false;
	document.form1.C5.checked = false;
	document.form1.C6.checked = false;
	document.form1.R2.checked = false;	
}
}
</script>
<script language=javascript>
function checklist2()
{
if (document.form1.C4.checked = true)
{
	document.form1.R1.checked = false;
	document.form1.R2.checked = true;	
	document.form1.C4.checked = true;
	document.form1.C5.checked = true;
	document.form1.C6.checked = true;
	document.form1.C1.checked = false;
	document.form1.C2.checked = false;
	document.form1.C3.checked = false;

}
if (document.form1.C5.checked = true)
{
	document.form1.R2.checked = true;	
	document.form1.C4.checked = true;
	document.form1.C5.checked = true;
	document.form1.C6.checked = true;
	document.form1.C1.checked = false;
	document.form1.C2.checked = false;
	document.form1.C3.checked = false;
	document.form1.R1.checked = false;
}
if (document.form1.C6.checked = true)
{
	document.form1.R2.checked = true;	
	document.form1.C4.checked = true;
	document.form1.C5.checked = true;
	document.form1.C6.checked = true;
	document.form1.C1.checked = false;
	document.form1.C2.checked = false;
	document.form1.C3.checked = false;
	document.form1.R1.checked = false;
}
}
</script>
</head>

<body>
<form method="POST" name=form1 action="--WEBBOT-SELF--">
<table border="1" width="14%" id="table1" bordercolor="#FFFFFF">
	<tr>
  <td width="47" bordercolor="#000000" align="left">
 	 <p><input id=radio1 type="radio" value="V1" name="R1"></p>
  </td>
  <td bordercolor="#000000" align="left">
  <input type="radio" value="V2" name="R2"></td>
	</tr>
	<tr>
  <td width="47" bordercolor="#000000" align="left">
 	 <p><input type="checkbox" name="C1" value="ON" onclick="checklist1(this);"></p>
  </td>
  <td bordercolor="#000000" align="left">
  <input type="checkbox" name="C4" value="ON" onclick="checklist2(this);"></td>
	</tr>
	<tr>
  <td width="47" bordercolor="#000000" align="left">
  <input type="checkbox" name="C2" value="ON" onclick="checklist1(this);"></td>
  <td bordercolor="#000000" align="left">
  <input type="checkbox" name="C5" value="ON" onclick="checklist2(this);"></td>
	</tr>
	<tr>
  <td width="47" bordercolor="#000000" align="left">
  <input type="checkbox" name="C3" value="ON" onclick="checklist1(this);"></td>
  <td bordercolor="#000000" align="left">
  <input type="checkbox" name="C6" value="ON" onclick="checklist2(this);"></td>
	</tr>
	</form>
</table>

</body>

</html>

RadioCheckTest.htm

#5

شكراً لك اخي Ahmed2004 :D

#6

العفو ياخي (:

هذا الموضوع مغلق.

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