How to check if a checkbox is checked or unchecked with javascript?

Question

I am trying to check weather a checkbox is checked or unchecked. This is my code:

<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>

It only alerts Unchecked when i click it

Thanks in advance

possible duplicate of Javascript to check whether a checkbox is being checked or unchecked — Dominic Rodger
– Dominic Rodger, Commented Jun 28, 2011 at 11:56
check what alert(document.forms[0].help_text) gives.. ? May be if undefined, it would always go in else condition.. — niksvp
– niksvp, Commented Jun 28, 2011 at 11:58

chrisfrancis27 · Accepted Answer · 2011-06-28 12:03:16Z

2

It seems to work for me - please see this fiddle. Note that the event listener is added by Javascript, instead of using the inline onclick syntax.

answered Jun 28, 2011 at 12:03

chrisfrancis27

4,5361 gold badge26 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

niksvp · Accepted Answer · 2011-06-28 12:03:31Z

2

try

< 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 >

edited Jun 28, 2011 at 12:03

niksvp

5,5512 gold badges28 silver badges43 bronze badges

answered Jun 28, 2011 at 11:59

Ovais Khatri

3,21118 silver badges15 bronze badges

Comments

tjg184 · Accepted Answer · 2011-06-28 12:00:56Z

1

Make sure you are correctly referencing the object by using the console or alerting document.forms[0].help_text. It's very likely it's not the right reference.

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

answered Jun 28, 2011 at 12:00

tjg184

4,7061 gold badge32 silver badges56 bronze badges

Comments

Hasan Tuna Oruç · Accepted Answer · 2016-07-15 16:44:02Z

Your code is very well but not greatable. For example when many click the checkbox after 1 unclick then checkbox is start over. My English so bad i cannot explain But: You check many checkbox and then fall the if statement. And then unclick one, this is falling else statement. And checked ones falling down. Your code is developing like this:

            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)" />

Collectives™ on Stack Overflow

How to check if a checkbox is checked or unchecked with javascript?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related