[JavaScript]disabledでボタンを非活性にするサンプル
書式
disabledになっているか確認
if(document.getElementById(セレクタID).disablee ==true)
disabled属性を削除
document.getElementById(セレクタID).removeAttribute(“disabled");
使用例
<p><input type="button" id="reg" value="登録"> </p> <!--ボタンを押すと、change関数を呼び出す --> <p><input type="button" value="変更" onclick="change()"></p> <script> function change(){ // disabledかどうか確認 if (document.getElementById("reg").disabled === true){ // disabled属性を削除 document.getElementById("reg").removeAttribute("disabled"); // 文字の色を赤にする document.getElementById("reg").style.color = "red"; }else{ // disabled属性を設定 document.getElementById("reg").setAttribute("disabled", true); //文字の色をグレーにすつ document.getElementById("reg").style.color = "gray"; } } </script>
実行結果
「変更」のボタンを押すと、「登録」ボタンが活性、非活性で切り替わります