How to set the checked value of an input Checkbox according to other Checkbox using javascript

Question

0.00/5 (No votes)

See more:

Hi i am using three input whose type=checkbox in my design, now the check boxes are like this
All
1
2
All is checked by default. What i want is that when i select either 1 or 2 i want the "All" option to be unchecked.

My HtMl code:

XML

<li>
                           <h5 class="booking-filters-title">Abc</h5>
                           <div class="checkbox">
                               <label>
                                   <input id="chkAny"  class="i-check "   runat="server" type="checkbox" />All
                               </label>
                           </div>
                           <div class="checkbox">
                               <label>
                                   <input id="chkOne"   class="i-check" runat="server" type="checkbox" />1
                               </label>
                           </div>
                           <div class="checkbox">
                               <label>
                                   <input id="chkTwo"   class="i-check"  runat="server" type="checkbox" />2
                               </label>
                           </div>
                       </li>

I am using Bootstrap and I want it to be done via java script.

Regards
Syed

Posted 25-Nov-14 20:24pm

Syed.net

Add a Solution

Comments

Kornfeld Eliyahu Peter 26-Nov-14 2:35am

What have you tried?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Oso Oluwafemi Ebenezer · Answer 1 · 2014-11-25T21:26:00

It's actually a simple solution, next time think through the problem and attempt something first and you will discover it's not that complicated! This should work

XML

<li>
   <h5 class="booking-filters-title">Abc</h5>
   <div class="checkbox">
       <label>
           <input id="chkAny"  class="i-check "   runat="server" type="checkbox" checked/>All
       </label>
   </div>
   <div class="checkbox">
       <label>
           <input id="chkOne" onclick="chkMe();"  class="i-check" runat="server" type="checkbox" checked/>1
       </label>
   </div>
   <div class="checkbox">
       <label>
           <input id="chkTwo" onclick="chkMe();"   class="i-check"  runat="server" type="checkbox" checked/>2
       </label>
   </div>
</li>
<script>
    function chkMe()
    {
        if(document.getElementById("chkOne").checked == true && document.getElementById("chkTwo").checked == true)
            document.getElementById("chkAny").checked = true;
        else
            document.getElementById("chkAny").checked = false;
    }
</script>