Giả sử sau đây là nhóm nút radio của chúng tôi -
<label> Gender: <input type="radio" name="gender" value="Male" />Male <input type="radio" name="gender" value="Female" checked/>Female </label>
Để kiểm tra một radio trong nhóm radio, bạn cần đặt thuộc tính đã kiểm tra thành true trong JavaScript. Tiếp theo là mã -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<label>
Gender:
<input type="radio" name="gender" value="Male" />Male
<input type="radio" name="gender" value="Female" checked/>Female
</label>
<script>
var tagValues = document.getElementsByTagName('input');
for (const obj of tagValues) {
if (obj.value === 'Male'){
obj.checked = true;
}
}
</script>
</body>
</html> Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.
Đầu ra
Điều này sẽ tạo ra kết quả sau -
