「JavaScript」disabledでボタンを非活性にする

2022年2月12日

書式
1.disabledになっているか判定

if (document.getElementById(セレクタID).disabled === true)

2.disabled属性を削除します

document.getElementById(セレクタID).removeAttribute("disabled");

3.disabled属性を設定します

document.getElementById(セレクタID).setAttribute("disabled", true);

使用例

<p><input type="button" value="活性/非活性" onclick="funA()"></p>
<p><input type="button" id="reg" value="登録"></p>

<script>
function funA(){
      
      if (document.getElementById("reg").disabled === true){
            // disabled属性を削除します
            document.getElementById("reg").removeAttribute("disabled");
            document.getElementById("reg").style.color = "gray";
      }else{
            // disabled属性を設定します
            document.getElementById("reg").setAttribute("disabled", true);
            document.getElementById("reg").style.color = "black";
      }
}
</script>