📅 最后修改于: 2023-12-03 14:56:32.678000 🧑 作者: Mango
在开发网页应用程序时，经常需要禁用或启用网页上的单选按钮。这可以通过使用 JavaScript 来完成。本文将介绍如何使用 JavaScript 禁用单选按钮。
首先需要获取需要禁用的单选按钮元素。可以通过以下代码获取元素：
var element = document.getElementById("btnId");
其中 btnId 为单选按钮的 Id。
获取到单选按钮元素后，就可以使用 disabled 属性进行禁用操作，代码如下：
element.disabled = true;
这将禁用单选按钮。
如果需要启用单选按钮，可以使用以下代码：
element.disabled = false;
这将启用单选按钮。
下面是一个禁用和启用单选按钮的完整示例代码：
<!DOCTYPE html>
<html>
<head>
<title>禁用单选按钮 JavaScript</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<label for="male">Male</label>
<input type="radio" id="male" name="gender" value="male"><br><br>
<label for="female">Female</label>
<input type="radio" id="female" name="gender" value="female"><br><br>
<button onclick="disable()">Disable</button>
<button onclick="enable()">Enable</button>
<script>
function disable() {
var male = document.getElementById("male");
var female = document.getElementById("female");
male.disabled = true;
female.disabled = true;
}
function enable() {
var male = document.getElementById("male");
var female = document.getElementById("female");
male.disabled = false;
female.disabled = false;
}
</script>
</body>
</html>
通过 JavaScript 可以方便地禁用和启用单选按钮元素。通过上面的操作步骤和示例代码，可以轻松实现单选按钮的禁用和启用。