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