HTML DOM Input Radio Object

‎شئInput Radio ـ دكمه راديوئي

‎شئInput Radio منتسب با يك عنصرHTML ‎<input>‎ ميباشد .با شئ فوق ‎ميتوان عنصرHTML ‎<input>‎ صفحه را بصورت اقدامات شئ گرائي مديريت كرد.

‎بايد عنصر‎<input>‎ مرتبط با شئInput Radio داراي ويژگيtype="radio‎"‎ ‎باشد .مقدار پيش فرض ويژگيtype براي عنصر input مقدار ‎"text‎"‎ميباشد . ‎شئInput Radio يك دكمه راديوئي را نمايندگي ميكند.

‎دسترسي به شئInput Radio

‎مثال ـ دسترسي به شئInput Radio باid="myRadio‎"‎

var x = document.getElementById("myRadio");

‎ايجاد شئInput Radio

‎با متد‎document.createElement()‎‎ ميتوان شئInput Radio را ايجاد نمود .بعبارتي ‎ميتوان عنصر‎<input>‎ را با ويژگيtype="radio‎"‎ ايجاد كرد.

‎مثال ـ ايجاد شئInput Radio

var x = document.createElement("INPUT");
x.setAttribute("type", "radio");

‎ويژگي هايInput Radio Object

‎ويژگي	‎شرح
autofocus	‎ويژگي مشخص ميكند كه آيا عنصر بصورت اتوماتيك در بارگذاري انتخاب شود.
checked	‎وضعيت علامت زده شده اي دكمه راديوئي را تنظيم ويا برگشت ميدهد.
defaultChecked	‎وضعيت پيش فرض ويژگيchecked رابرگشت ميدهد .
defaultValue	‎مقدار پيش فرضvalue دكمه راديوئي راتنظيم ويا برميگرداند .
disabled	‎وضعيت فعال بودن عنصر را تنظيم ويابرگشت ميدهد.
form	‎ويژگيform مشخص ميكند كه دكمه راديوئي ، متعلق بكدام عنصرفرم است.
name	‎ويژگيname نامي را براي دكمه راديوئي مشخص ميكند.
required	‎مشخص ميكند كه زدن علامت براي دكمه راديوئي ضروري است.
type	‎ويژگيtype نوع عنصر ورودي را مشخص ميكند. type="radio‎"‎برايInput Radio
value	‎مقدار ويژگيvalue براي دكمه راديوئي تنظيم ويا برگشت ميدهد . .

‎تشريح بعضي از ويژگي هاي شئInput Radio دراين صفحه .مابقي در صفحات مخصوص كه درلينك ‎جدول آمده است ، تشريح ميشوند.

‎ويژگيInput Radio checked

‎ويژگيInput Radio checked مقدار ويژگيchecked عنصر ‎<input>‎مرتبط با شئ Input Radio‎تنظيم ويا برگشت ميدهد .مقدار اين ويژگي وضعيت علامت دكمه راديوئي، كه شئ Input Radio‎نمايانگرآن است مشخص ميكند.

‎مثال ـ برداشتن علامت وعلامت زدن يك دكمه راديوئي

function check() {
  document.getElementById("red").checked = true;
}

function uncheck() {
  document.getElementById("red").checked = false;
}

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
radioObject.checked

‎فرمت تنظيم ويژگي
radioObject.checked=true | false

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح

true | false ‎مشخص ميكند كه يك دكمه راديوئي علامت زده شده يانه

true‎ـ دكمه راديوئي علامت خورده ()

false‎ـ دكمه راديوئي بدون علامت ()

‎مثال ـ بررسي دكمه راديوئي براي علامت داشتن يا نداشتن

var x = document.getElementById("myRadio").checked;

<!DOCTYPE html> <html> <body> Radio button:<input type="radio" id="myRadio" checked> <p>Click the "Try it" button to find out whether the radio button is checked, or not.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myRadio").checked; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

‎مثال ـ استفاده از دكمه راديوئي براي تبديل متن يك فيلد به حرف بزرگ

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();

<!DOCTYPE html> <html> <body> <form> First Name: <input type="text" id="fname" value="Donald"> Convert to upper case <input type="radio" onclick="if(this.checked){myFunction()}"> </form> <script> function myFunction() { document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase(); } </script> </body> </html>
--(go to editor for change code and run)

‎مثال ـ چندين دكمه راديوئي دريك فرم

var coffee = document.forms[0]; var txt = ""; var i; for (i = 0; i < coffee.length; i++) { if (coffee[i].checked) { txt = txt + coffee[i].value + " "; } } document.getElementById("order").value = "You ordered a coffee with: " + txt;

<!DOCTYPE html> <html> <body> <p>How would you like your coffee?</p> <form action="/action_page.php"> <input type="radio" name="coffee" value="cream">With cream<br> <input type="radio" name="coffee" value="sugar">With sugar<br> <br> <input type="button" onclick="myFunction()" value="Send order"> <br><br> <input type="text" id="order" size="50"> <input type="submit" value="Submit"> </form> <script> function myFunction() { var coffee = document.forms[0]; var txt = ""; var i; for (i = 0; i < coffee.length; i++) { if (coffee[i].checked) { txt = txt + coffee[i].value + " "; } } document.getElementById("order").value = "You ordered a coffee with: " + txt; } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيInput Radio defaultChecked

‎ويژگيInput Radio defaultChecked مقدار ويژگيdefaultChecked عنصر‎<input>‎ ‎مرتبط با شئInput Radio برگشت ميدهد .مقدار اين ويژگي وضعيت علامت پيش فرض دكمه ‎راديوئي ،كه شئInput Radio نمايانگرآن است مشخص ميكند.

‎مثال ـ بررسي پيش فرض علامت دكمه راديوئي .وضعيت علامت درهنگام بارگذاري

var x = document.getElementById("myRadio").defaultChecked;

<!DOCTYPE html> <html> <body> Radio button: <input type="radio" name="colors" id="myRadio" checked> <p>Click the "Try it" button to find out if the radio button is checked by default.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myRadio").defaultChecked; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

radioObject.defaultChecked

‎برگشت مقدار ويژگي ـReturn Value

‎اين ويژگي فقط حالت خواندني دارد.

‎نوع ‎شرح

Boolean

true‎ـ اگر دكمه دربارگذازي علامت دار باشد . ( )

false‎ـ اگر دكمه در بارگذاري علامت دار نباشد . ( )

‎ويژگيInput Radio value

‎ويژگيInput Radio value مقدار ويژگيvalue عنصر ‎<input>‎ ‎مرتبط با شئInput Radio تنظيم ويا برگشت ميدهد .اين ويژگي متني را براي دكمه ‎راديوئي ،كه شئInput Radio نمايانگرآن است مشخص ميكند.

‎مثال ـ دريافت مقدار ويژگيvalue دكمه راديوئي

var x = document.getElementById("myRadio").value;

<!DOCTYPE html> <html> <body> <input type="radio" name="colors" value="red" id="myRadio">Red color <p>Click the "Try it" button to display the value of the value attribute of the radio button.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myRadio").value; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

‎براي دكمه هاي راديوئي ، مقدار ويژگيvalue در رابط كاربري ظاهر نمي شود .ويژگي فوق فقط ‎هنگام ارسال فرم معنا پيدا ميكند .اگر يك دكمه راديوئي درهنگام ارسال فرم علامت دار باشد، نام ‎دكمه راديوئي بهمراه مقدار آن ارسال ميشود .اگر علامت دارنباشد هيچ اطلاعاتي از آن فرستاده ‎نميگردد.

‎نكته ـ در يك گروه دكمه هاي راديوئي در فرم ، مقادير متفاوتي براي هر كدام تعريف نمائيد تا ‎سمت سرور مشخص شود كه كدام داراي علامت بوده است.

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
radioObject..value

‎فرمت تنظيم ويژگي radioObject.value=text

‎صفحات مرتبط

HTML forms

HTML <input> Tag

HTML type Attribute

Previous > <Next

HTML DOM Input Radio Object

‎شئInput Radio ـ دكمه راديوئي

‎دسترسي به شئInput Radio

--(go to editor for change code and run)

‎ايجاد شئInput Radio

--(go to editor for change code and run)

‎ويژگي هايInput Radio Object

‎ويژگيInput Radio checked

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
radioObject.checked

‎فرمت تنظيم ويژگي
radioObject.checked=true | false

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

--(go to editor for change code and run)

--(go to editor for change code and run)

‎ويژگيInput Radio defaultChecked

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

radioObject.defaultChecked

‎برگشت مقدار ويژگي ـReturn Value

‎ويژگيInput Radio value

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
radioObject..value

‎فرمت تنظيم ويژگي radioObject.value=text

‎صفحات مرتبط

HTML DOM Objectsفهرست =

HTML DOM Input Radio Object

‎شئInput Radio ـ دكمه راديوئي

‎دسترسي به شئInput Radio

--(go to editor for change code and run)

‎ايجاد شئInput Radio

--(go to editor for change code and run)

‎ويژگي هايInput Radio Object

‎ويژگيInput Radio checked

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي radioObject.checked

‎فرمت تنظيم ويژگي radioObject.checked=true | false

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

--(go to editor for change code and run)

--(go to editor for change code and run)

‎ويژگيInput Radio defaultChecked

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

radioObject.defaultChecked

‎برگشت مقدار ويژگي ـReturn Value

‎ويژگيInput Radio value

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي radioObject..value

‎فرمت تنظيم ويژگي radioObject.value=text

‎صفحات مرتبط

HTML DOM Objectsفهرست =

‎فرمت برگشت ويژگي
radioObject.checked

‎فرمت تنظيم ويژگي
radioObject.checked=true | false

‎فرمت برگشت ويژگي
radioObject..value