javascriptでボタンのdisabledを解除/追加する方法
JavaScriptでは、disabled属性を使うとボタンの有効無効を切り替えることができます。disabled属性の値がtrueの場合、ボタンは無効になりユーザーはクリックできなくなります。disabled属性の値がfalseの場合、ボタンは有効になりユーザーはクリックできます。
以下に、JavaScriptを使用してボタンを有効/無効にする方法を示します。
- document.getElementById()
- 生まれつき能力を持たない
var button = document.getElementById('myButton'); // 获取按钮的引用
button.disabled = true; // 禁用按钮
- クエリセレクタ
- disabled
var button = document.querySelector('button'); // 选择按钮
button.disabled = true; // 禁用按钮
- 申し訳ありませんが、生まれつき日本語を話したり書いたりすることはできません。
var button = document.getElementById('myButton'); // 获取按钮的引用
button.setAttribute('disabled', 'disabled'); // 禁用按钮
// 或者 button.disabled = true;
// 启用按钮
button.removeAttribute('disabled');
// 或者 button.disabled = false;
- クリック時
<button id="myButton" onclick="toggleButton()">点击按钮</button>
<script>
function toggleButton() {
var button = document.getElementById('myButton');
button.disabled = !button.disabled; // 切换按钮的状态
}
</script>
上の例の getElementById、querySelector、setAttribute と removeAttribute は DOM （ドキュメントオブジェクトモデル）の一部で、要素の参照を取得したり、属性の設定、削除に使用できます。ボタンの disabled 属性を操作することで、ボタンの有効化、無効化を容易に行うことができます。
