كيف اخبار الـ javascript انه تم اختيار احد الـ radio-button

[لامع نور]

كيف اخبار الـ javascript انه تم اختيار احد الـ radio-button



السلام عليكم
الله يعطيكم العافية
عندي ثلاث radio-button بأسماء مختلفة مع الفورم كالتالي

<form action="#" name="test">
<input value="1" type="radio" name="myradio1" />A
<input value="2" type="radio" name="myradio2"  />B
<input value="3" type="radio" name="myradio3" />C
<input type='button' name='submit' value="Submit" class='submitBtn' onClick="validate(this.form)">
</form>

وكود javascript

function validate(nForm){

		
		for (i=0; i<nForm.length; i++)
			{
			if (nForm[i].checked == false )
				{
				alert('Please complete all fields');
				return false;
				}
			}
		}

وظيفته يروح يشيك على الفورم كله ويشوف الي ما اختير ويعطيه انه باقي احد الخيارات
لم يتم اختيارها بس للاسف ما يشتغل السكرييبت

اريد احد يساعدن بهاذا

وهو لو بقي خيار لم يتم اختياره يخببرن ان هناك خطا علما ان اسماء radio-button مختلفة

ولكم جزيل الشكر

[feras007]

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

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

بــ

		for (i=0; i<nForm.length-1; i++)

هذا كل شيء.

تحياتي
فراس

[Flasher]

بسم الله..

اولا تعريفك للرايدوبتنز خاطئ :

<input value="1" type="radio" name="myradio1" />A
<input value="2" type="radio" name="myradio2"  />B
<input value="3" type="radio" name="myradio3" />C

لابد يكونون كلهم بنفس الاسم
لانه بطريقتك هذه صاير checkbox!

<input value="1" type="radio" name="myradio" />A
<input value="2" type="radio" name="myradio"  />B
<input value="3" type="radio" name="myradio" />C

بالنسبة لسؤالك اقترح عليك حلين :

- الاول ان تجعل احدهم مختار من البداية وليكن الاول :

<input value="1" type="radio" name="myradio" checked="checked"/>A
<input value="2" type="radio" name="myradio"  />B
<input value="3" type="radio" name="myradio" />C

الثاني : ان تقوم بالمرور عليهم جميعا وتشوف هل هناك واحد على الاقل مختار

<form action="#" name="test">
<input value="1" type="radio" name="myradio1" />A
<input value="2" type="radio" name="myradio2"  />B
<input value="3" type="radio" name="myradio3" />C
<input type='button' name='submit' value="Submit" class='submitBtn' onClick="validate(this.form)">
</form>

<script type="text/javascript">
	function validate(nForm){
		
		var flag = false;
		for (i=0; i<nForm.length; i++)
		{
			
			if(nForm[i].type == 'radio') {
				if(nForm[i].checked == true) {
					flag = true;
				}
			}
		}
		
		if (!flag)
		{
			alert('Please complete all fields');
			return false;
		}
	}
</script>

والله اعلم..

[لامع نور]

الله يعطيكم العافية على الرد
لكن حل اخ فراس ما ينفع للاسف

اما اخي Flasher

فأنا اريد انا اجمع الريديو بقروب بتوحيد الاسم
متلا

ماهو الرقم الاكبر ؟
<input value="1" type="radio" name="myradio" />1
<input value="2" type="radio" name="myradio" />2
<input value="3" type="radio" name="myradio" />3
ما اصغر رقم ؟
<input value="-1" type="radio" name="myradio1" />-1
<input value="-2" type="radio" name="myradio1" />-2
<input value="-3" type="radio" name="myradio1" />-3

وبدون اي اختيار
يعني ان المستختم هو الي يختار وابي لازم يكون جاوب على السؤالي معا
اذا ارسل وهو جاوب على سؤال واحد يطلع له اليرت علما :
اني مسوي الريديو بالـ php وبحلقت تكرار
يعني كذا

<input id="" name="answer[<?=$cunt?>]" type="radio" value="<?=$edit['id']?>" />

من شان كل سؤال له قروب معين حطيت cunt
بختصار ما اعرف اسم الريديو الي لم يختار
ارجو انه يكون الشرح واضح
ومشكورين

[Flasher]

طيب مارايك بهذا:

<form action="#" name="test">
<input id="" name="answer[0]" type="radio" value="1" /> A
<input id="" name="answer[0]" type="radio" value="1" /> A
<input id="" name="answer[0]" type="radio" value="1" /> A

<br />

<input id="" name="answer[1]" type="radio" value="1" /> A
<input id="" name="answer[1]" type="radio" value="1" /> A
<input id="" name="answer[1]" type="radio" value="1" /> A

<input type='button' name='submit' value="Submit" class='submitBtn' onClick="validate(this.form)">
</form>

<script type="text/javascript">
	function validate(nForm){
		
		var flag = false;
		var answer = [];
		
		
		for (i=0; i<nForm.length; i++)
		{
			
			if(nForm[i].type == 'radio') {
				if(!eval(nForm[i].name))
					eval(nForm[i].name+' = [];')
				eval(nForm[i].name+'.push('+nForm[i].checked+')')
			}
		}
		
		for(i =0; i<answer.length; i++) {
			flag = false;
			for(j = 0; j<3; j++) {
				if(answer[i][j] == true) {
					flag = true;
				}
			}
			if (!flag)
			{
				alert('Please complete all fields');
				return false;
			}
		}
	}
</script>

واتوقع ان هناك طريقة افضل لكن هذي تعمل..

[لامع نور]

Flasher

اخي اشكرك جزيل الشكر اشتغل عندي

قل امين خدمك المال والبنون والله يرزقك من واسع فضله

تحياتي لك
واكرر شكري لك