Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để chọn một nút radio theo mặc định trong JavaScript?


Để chọn một nút radio theo mặc định, chúng tôi phải chọn nó là true . Nếu nó được chọn như đúng thì theo mặc định, nó sẽ được tự động lấy nét .

Trong ví dụ sau, chúng tôi chỉ có các nút radio và không có nút nào trong số chúng tự động lấy nét .

Ví dụ

<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>

Khi đoạn mã trên được thực thi, chúng ta sẽ nhận được các nút radio và không có nút nào trong số chúng được lấy nét tự động như trong hình sau.

Đầu ra

Làm cách nào để chọn một nút radio theo mặc định trong JavaScript?

Để tự động lấy nét bất kỳ nút nào ở trên, chúng tôi phải kiểm tra chúng ban đầu. Điều này có thể được thực hiện bằng cách sử dụng javascript thuần túy như trong ví dụ sau.

Ví dụ

<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>

Sau khi thực hiện đoạn mã trên, chúng ta sẽ nhận được kết quả sau.

Đầu ra

Làm cách nào để chọn một nút radio theo mặc định trong JavaScript?