Giả sử sau là nhóm nút radio của chúng ta:
<label> Giới tính: <input type="radio" name="gender" value="Male" />Nam <input type="radio" name="gender" value="Female" checked/>Nữ </label>
Để chọn radio trong nhóm radio, bạn cần đặt thuộc tính checked thành true trong JavaScript. Dưới đây là mã:
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=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>
Giới tính:
<input type="radio" name="gender" value="Male" />Nam
<input type="radio" name="gender" value="Female" checked/>Nữ
</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, lưu tệp với tên "anyName.html (index.html)" và nhấp chuột phải vào tệp. Chọn tùy chọn "Open with Live Server" trong trình soạn thảo VS Code.
Kết quả
Chương trình sẽ cho ra kết quả sau:
