DOM แท็ก <input type="radio">
property
accessKey
alt
checked
defaultChecked
disabled
form
id
name
tabIndex
type
value
accessKey กำหนดคีย์ด่วน
ตัวอย่าง
<html>
<body>
<input type="radio" id="radio1" value="radio1">
<script type="text/javascript">
document.all.radio1.accessKey="r";
</script>
</body>
</html>
จากตัวอย่างเมื่อเปิดweb page แล้วลองกดปุ่ม Alt + r radio1 จะถูก focus
alt ข้อความอธิบายสั้นๆ
ตัวอย่าง
<html>
<body>
<input type="radio" id="radio1" value="radio1">
<script type="text/javascript">
document.write(document.all.radio1.alt);
</script>
</body>
</html>
จากตัวอย่างเป็นการอ้างอิงข้อความของ radio1
checked กำหนดการเลือกเริ่มต้นใน
radiobox
ตัวอย่าง
<html>
<body>
<input type="radio" id="radio1" value="radio1">
<script type="text/javascript">
document.all.radio1.checked=true;
</script>
</body>
</html>
จากตัวอย่างเป็นการกำหนดการเลือกเริ่มต้นใน radiobox ใน radio1
defaultChecked ค่าการเลือกใน
radiobox
ตัวอย่าง
<html>
<body>
<input type="radio" id="radio1" value="radio1"
checked="checked" >
<script type="text/javascript">
document.write(document.all.radio1.defaultChecked);
</script>
</body>
</html>
จากตัวอย่างเป็นการอ้างอิงค่าการเลือกใน radiobox ซึ่งมีค่า true
disabled เปิด ปิดการทำงานของ
radiobox
ตัวอย่าง
<html>
<head></head>
<body>
<form>
<input type="radio" id="radio1" value="radio1"
checked="checked" >
</form>
<script type="text/javascript">
document.all.radio1.disabled=true;
</script>
</body>
</html>
จากตัวอย่างเมื่อเปิดweb page ขึ้นมา
radio1 จะไม่สามารถทำงานได้
form ฟอร์มที่ radiobox
นั้นๆอยู่
ตัวอย่าง
<form id="testform">
<input type="radio" id="radio1" value="radio1"
checked="checked" >
</form>
<script type="text/javascript">
document.write(document.all.radio1.form.id);
</script>
ตัวอย่างเป็นการอ้างถึงค่า id ของ form ที่ radio1 อยู่
id ค่าidของ radiobox
นั้นๆู่
ตัวอย่าง
<form id="testform">
<input type="radio" id="radio1" value="radio1"
checked="checked">
</form>
<script type="text/javascript">
document.write(document.all.radio1.id);
</script>
ตัวอย่างเป็นการอ้างถึงค่า id ของ radio1
name ค่าnameของ radiobox
นั้นๆู่
ตัวอย่าง
<form id="testform">
<input type="radio" id="radio1" value="radio1"
checked="checked" name="NameRadio1">
</form>
<script type="text/javascript">
document.write(document.all.radio1.name);
</script>
ตัวอย่างเป็นการอ้างถึงค่า name ของ radio1
tabIndex ลำดับการกดแท็บ
ตัวอย่าง
<input type="radio" alt="radio1" id="radio1"
value="radio1">
<input type="radio" alt="radio2" id="radio2"
value="radio2">
<input type="radio" alt="radio3" id="radio3"
value="radio3">
<script type="text/javascript">
document.all.radio1.tabIndex="1";
document.all.radio2.tabIndex="2";
document.all.radio3.tabIndex="3";
</script>
จากตัวอย่างเป็นการกำหนดลำดับการกดแท็บ
type ค่าtypeของtextbox
ตัวอย่าง
<input type="radio" alt="radio1" id="radio1"
value="radio1">
<script type="text/javascript">
document.write(document.all.radio1.type);
</script>
จากตัวอย่างเป็นการอ้างอิงค่า type ของ radio1
value ค่าข้อความที่แสดงบนtextbox
ตัวอย่าง
<input type="radio" alt="radio1" id="radio1"
value="radio1">
<script type="text/javascript">
document.write(document.all.radio1.value);
</script>
จากตัวอย่างเป็นการอ้างอิงข้อความของ radio1