clickイベント

Question

function クリックイベントのメソッド(){

if (Document.getElementById("jukbn").value==1){
	Document.getElementById("juymd").disabled="false";
}else{
	Document.getElementById("juymd").disabled="true";
}

上記のコードでjuymdのdisabledを変更したいのですが変更できません。なにがいけないのでしょうか？

Answer 1

javascript ですよね。動かない場合は、どこが原因で動かないのかを特定する必要があります。

たとえば例示のコードであれば、一旦以下のようにしてみます。

function test() {
alert("TEST-00");
/*
    if (Document.getElementById("jukbn").value==1){ 
        Document.getElementById("juymd").disabled="false"; 
    }else{ 
        Document.getElementById("juymd").disabled="true"; 
    } 
*/
}

これでもし、"TEST-00" というメッセージダイアログが表示されなければ、そもそも呼び出し方が間違っています。（onclick とかで test() を呼んでいるところ）

もしメッセージダイアログが表示されるようなら、次は以下のようにします。

function test() {
alert("TEST-00");
    if (Document.getElementById("jukbn").value==1){ 
/*
        Document.getElementById("juymd").disabled="false"; 
    }else{ 
        Document.getElementById("juymd").disabled="true"; 
*/
    } 
alert("TEST-99");
}

この場合、"TEST-00" は出るけど "TEST-99" は出ないと思います。
ということは、alert("TEST-00"); と alert("TEST-99"); の間のどこかが間違っています。

if (Document.getElementById("jukbn").value==1){ ... } の部分ですね。

そのように少しずつ範囲を狭めていって、原因箇所を特定していきます。

【追記】
ちなみに今回のコードでは、コメントアウトは特に必要ありませんでしたが･･･
（alert を仕込めば特定できる誤りでした）

もしミスの内容が 「 閉じカッコ } がない 」 などだった場合は、
コメントアウトがないと alert("TEST-00"); 時点で出ない状態となるので、
間違っている箇所を特定する場合は、外側からすこしずつコメントアウトを狭めていく方が良いです。

---

で、まあとりあえずは

誤 Document.getElementById("jukbn")
正 document.getElementById("jukbn")

です。
大文字・小文字が関係ない言語もあれば、関係ある言語もあります。
javascript は、大文字・小文字が違っていると動きません。

Comments

[shi_ue]

そこかぁ・・・気づかなかった・・・

[sobue]

今までIDEのエラーに助けられまくってた自分に気づけました。
小文字に変えたらできました

Answer 2

正しいように見えます。

function クリックイベントのメソッド()
{
  // ここにalertを加える
  alert('click!');
  if (Document.getElementById("jukbn").value==1){ 
    Document.getElementById("juymd").disabled="false"; 
  } else { 
    Document.getElementById("juymd").disabled="true"; 
  }
}
```として、本当にclickイベントが出ているか確認してください。
後は、idが間違っていないかどうかを確認します。