จะเลือกปุ่มตัวเลือกโดยค่าเริ่มต้นใน JavaScript ได้อย่างไร

ในการเลือกปุ่มตัวเลือกโดยค่าเริ่มต้น เราต้องทำเครื่องหมายว่า จริง . หากเป็น ตรวจสอบ เป็น จริง จากนั้นตามค่าเริ่มต้นจะเป็น ออโต้โฟกัส .

ในตัวอย่างต่อไปนี้ เรามีเพียงปุ่มตัวเลือกและไม่มีปุ่มใดโฟกัสอัตโนมัติ .

ตัวอย่าง

<html>
   <form id="radiobuttons" name="radiobutton">
      <input id="rad1" value="a" type="radio" name="check"/>male
      <input id="rad2" value="b" type="radio" name="check"/>female
      <input id="rad3" value="c" type="radio" name="check"/>other
   </form>
<body>
</body>
</html>

เมื่อโค้ดด้านบนทำงาน เราจะมีปุ่มตัวเลือกและไม่มีปุ่มใดที่โฟกัสอัตโนมัติดังที่แสดงในภาพต่อไปนี้

ผลลัพธ์

จะเลือกปุ่มตัวเลือกโดยค่าเริ่มต้นใน JavaScript ได้อย่างไร

ไปที่ ออโต้โฟกัส ปุ่มใดปุ่มหนึ่งข้างต้น เราต้องตรวจสอบก่อน ซึ่งสามารถทำได้โดยใช้ pure javascript ตามที่แสดงในตัวอย่างต่อไปนี้

ตัวอย่าง

<html>
   <form id="radiobuttons" name="radiobutton">
      <input id="rad1" value="a" type="radio" name="check"/>male
      <input id="rad2" value="b" type="radio" name="check"/>female
      <input id="rad3" value="c" type="radio" name="check"/>other
   </form>
<body>
<script>
   radiobtn = document.getElementById("rad1");
   radiobtn.checked = true;
</script>
</body>
</html>

หลังจากรันโค้ดด้านบนแล้ว เราจะได้ผลลัพธ์ดังนี้

ผลลัพธ์

จะเลือกปุ่มตัวเลือกโดยค่าเริ่มต้นใน JavaScript ได้อย่างไร