( تعداد نمایش : 1719 )

بکارگیری Radio button ها

برای انتخاب یک مورد ازموارد قرار داده شده تحت یک تیتر و موضوع مورد نظر از radio button ها استفاده میشود.
در این مطلب کاربر حتما یکی از radio buttonهای موجود را انتخاب نماید.
برای حصول اطمینان از انتخاب یک radio button

Function SubmitIt(carForm) {
door Option = -1

 1.
با تعریف تابع SubmitIt و تخصیص یک عدد نامفهوم (۱-) به متغییر door Option حلقه مورد نظر شروع میشود.

for (i=0; i<carForm.DoorCt.length;i++) {

 2.
اکنون حلقه آغاز میشود, ابتدا متغییر i ارزشی معادل صفر داشته, درضمن چون مقداری کمتر از عدد radiobutton در فرم دارد, یک واحد به ارزش i می افزاید. (۱++)

if(carForm.DoorCt[1].checked) {
doorOption = i
}

 3.
سپس در صورتیکه radio button انتخاب شده باشد, مقدار i به doorOption تخصیص می یابد.

if(doorOption ==-1) {
alert(“You must choose 2 or 4 door”)
return false
}

 4.
و در صورتیکه کاربر هیچ کدام از آنها را انتخاب نکند, پیغام اخطاری داده شده و نتیجتا ارزش false ارسال میگردد.

return true

 5.
در غیر این صورت (door Option=-1) و سپس یک کدام انتخاب شده و نتیجه صحیح ارائه میگردد

<html>
<head>
<script language=”javascript” type=”text/javascript”>
function SubmitIt(carForm) {
doorOption = -1
for (i=0; i<carForm.DoorCt.length;i++) {
if(carForm.DoorCt[1].checked) {
doorOption = i
}
}
if(doorOption ==-1) {
alert(“You must choose 2 or 4 door”)
return false
}
return true
}
</script>
</head>
<body>
<h2>
Car Picker<p>
<form onSubmit=”return SubmitIt(this)” action=”ok.asp”  name=”myForm”>
Doors:<br>
<input type=”radio” value=”twoDoor” name=”DoorCt”>two
<input type=”radio” value=”fourDoor” name=”DoorCt”>Four
<br>
<input type=”Submit” value=”Submit”>
</form></h2>
</body>
</html>

دیدگاه خود را بیان کنید.

باید وارد سایت شده باشید برای دیدگاه دادن




© ۱۳۹۰ Iran Developers Network | RSS | Ganjafzar Corp