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

تغيير حالة Radio Button بإستخدام Prototype

بدأه Abdullah.Alshammeri في 24 أغسطس 2011 · 2 رد · 857 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

لدي form يحوي مجموعة من radio button ، كل radio سيتم التعليم عليه تبعاً لقيمة موجودة في Text-Box ، الكود و الخوارزمية :

<form > 
<input type="text" id="typeValue" value= "2" />

<input type="radio"  id="type1" value="1"/>
<input type="radio"  id="type2" value="2"/>
<input type="radio"  id="type3" value="3"/>
<input type="radio"  id="type4" value="4"/>

</form>


<script>
// when #typeValue changed , read #typeValue value then :
 - if typeValue.value == 1 Then check radio button #type1
 - if typeValue.value == 2 Then check radio button #type2
 - if typeValue.value == 3 Then check radio button #type3
 - if typeValue.value == 4 Then check radio button #type4
</script>

يعني لو تم حدوث أي تغيير في قيمة الصندوق النصي ، أريد التعليم على radio button الذي يحمل نفس قيمة ذلك الصندوق النصي ، بإستخدام prototype.

logo1.png تطبيق طمأنينة ، نسخة بيتا على أندرويد

عبدالله الشمّري - Al-Shammari

CodingAlone.com

twitter @abshammeri

abshammeri AT gmail.com

github : abshammeri

#2

تفضل أخي

في حال كانت القيم المدخلة لا تساوي المضمنة في الـ Radios

تحياتي

<html>
<head>
<script src="http://www.prototypejs.org/javascripts/prototype.js" type="text/javascript"></script>

<script>
var valuesMap = {
	"1" : "type1" ,
	"2" : "type2" ,
	"3" : "type3" ,
	"4" : "type4" 
}
function setValue (val) {
	// to handle chrome & FF event ||  ie event
	var src = (val.target || val.srcElement);
	if (src) val = src.value ;

	try {
		obId = valuesMap[val]; 
		$( obId ).checked = true;

	} catch ( ex ) {
		//~ your input not allowed
	}

}


function init() {
	var textInput = $('typeValue') ; 

	if (textInput.value != "") { 
		setValue(textInput.value);
	}

	textInput.observe('keyup', setValue);

}
</script>
</head>
<body onload="init()">
<form > 
<input type="text" id="typeValue" value= "2" />
<br/>
<!-- radios must have same name to unselect  others when select someone  -->
<input type="radio"  id="type1" name="type" value="1"/> type 1 <br/>
<input type="radio"  id="type2" name="type" value="2"/> type 2 <br/>
<input type="radio"  id="type3" name="type" value="3"/> type 3 <br/>
<input type="radio"  id="type4" name="type" value="4"/> type 4 <br/>

</form>


</body>
</html>

تم تعديل هذه المشاركة بواسطة ihope في 25 أغسطس 2011 في 02:54

1

other ESTJ thing

اقتباس
Help Me To Help You

0xBAD00DAD.png

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