2011-06-28 6 views
1

天気をチェックしようとしていますが、チェックボックスがオンまたはオフになっています。これは私のコードです:javascriptでチェックボックスをオンまたはオフにする方法を確認するにはどうすればよいですか?

<script type="text/javascript"> 
function EnableDisableToolTip() { 
    if (document.forms[0].help_text.checked) { 
     alert("Checked"); 
    } 
    else if (!document.forms[0].help_text.checked) { 
    alert("Unchecked"); 
    }   
} 
</script> 


<div id="tooltiponoff"> 
<form action=""> 
@Html.CheckBox("help_text", true, new { id = "help_text", onclick = "EnableDisableToolTip()" })Hjælpetekst 
</form> 
</div> 

私は事前

+3

可能重複(http://stackoverflow.com/questions/473562/javascript-to-check-whether- a-checkbox-is-being-checked-or-unchecked) –

+0

'alert(document.forms [0] .help_text)'が何を返すかを確認する?未定義の場合もありますが、それは常に他の条件になります。 – niksvp

答えて

2

this fiddleを参照してください。イベントリスナーは、インラインonclick構文を使用する代わりに、Javascriptで追加されます。

2

おかげで正しく使用してオブジェクトを参照していることを確認します

< script type="text/javascript" > 
function EnableDisableToolTip(Control) { 
    if (Control.checked) { 
     alert("Checked"); 
    } 
    else { 
    alert("Unchecked"); 
    }   
} 
</script> 


< div id="tooltiponoff" > 
< form action="" > 
@Html.CheckBox("help_text", true, new { id = "help_text", onclick = "EnableDisableToolTip(this)" })Hjælpetekst 
</form> 
</div> 
1

を試してみてください、それをクリックしたときにそれが唯一の未チェックの警告しますコンソールまたはアラートdocument.forms [0] .help_text。それは正しい基準ではない可能性が非常に高いです。

alert(document.forms[0].help_text); 
-1

あなたのコードは非常にうまくはありませんが、偉大ではありません。たとえば、1回クリックした後で多くのチェックボックスをクリックすると、チェックボックスが開始されます。私の英語はとても分かりません。私は説明できません。しかし、あなたは多くのチェックボックスをチェックして、if文を落とします。そして、1つをクリック解除すると、これは他のステートメントになります。そしてチェックされたものは落ちる。あなたのコードは次のように開発している:[チェックボックスがオンまたはオフされているかどうかをチェックするためのJavascript]の

  var count = 0; 
      function Tik(Control) { 
       if (Control.checked) { 
        count++; 
       } 
       else { 
        count--; 
       } 
       if (count > 0) { 
        document.getElementById("btnMessageDel").disabled = false; 
       } 
       else { 
        document.getElementById("btnMessageDel").disabled = true; 
       } 
      } 

<input type="submit" id="btnMessageDel" name="btnMessageDel" class="btn btn-primary" value="Delete" form="messagesform" disabled /> 
<input type="checkbox" value="@MessageId" name="chkMessage" id="chkMessage" onclick="Tik(this)" /> 
関連する問題