Javascript Use only Two check box one uncheck anothe check

Question

1.00/5 (1 vote)

See more:

It two checbox, it is work when check it is dysplay my div , but if uncheck it doesn't. I don't know how i fix this...

I have my code like taht

<table>

<pre lang="xml"><tr>
     <td>
           Run</td>
            <td>
                <input type="checkbox" ID="chkrun"   runat="server" class="check"  value="Y"  onclick="OptionTwo(this)" />
            </td>
            </tr>

      <tr>
     <td >
           walk</td>
            <td>
                <input type="checkbox" ID="chkwalk"   runat="server" class="check"  value="Y" onclick="OptionOne(this)"/>
            </td>
            </tr>

<pre lang="msil">function selectOptionTwo(switchElement){

    if (switchElement.value == 'Y') {
         document.getElementById("SchedulePickup").style.display = "none";
    }

{
        document.getElementById("SchedulePickup").style.display = 'block';
    }
}

  <script type="text/javascript">

 function OptionOne(Element){

    if (switchElement.value == 'Y') {
         document.getElementById("div").style.display = "block";
    }
     else
{
        document.getElementById("div").style.display = "none";
    }

}

function OptionTwo(Element){

    if (switchElement.value == 'Y') {
         document.getElementById("div").style.display = "none";
    }

}




    </script>

Posted 8-Jul-11 12:16pm

Chamiss

Add a Solution

2 solutions

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)

Christian Graus · Answer 1 · 2011-07-08T12:48:00

Solution 1

You check if the value is Y, but you never change it. Therefore, you're checking something arbitrary that means your code always does the same thing.

Posted 8-Jul-11 12:48pm

Christian Graus

Comments

Philippe Mori 8-Jul-11 19:20pm

I think that an else is also missing in selectOptionTwo function.

Chamiss 9-Jul-11 1:08am

Thanks cristian...i tried ready...it was not working

harish85 · Answer 2 · 2011-07-08T14:45:00

You Function OptionOne and OptionTwo pass "Element" for CheckBox object
But you are Checking "switchElement".

JavaScript

function OptionOne(Element){
    if (Element.value == 'Y') {
         document.getElementById("div").style.display = "block";
    }else {
        document.getElementById("div").style.display = "none";
    }

}

Secondly you can use CheckBox's checked property rather than value property.
it would automatically as you check and uncheck , else you have to set value Y and N as you check as Chris mentioned.

Hope this helps.

-***********************
Comment 2 -
Hi
I would just say/suggest please copy paste this code to a html file and run this on any browser
and then start over to think what you need...do the testing on this html page..

XML

<html>
<body>
<script type = "text/javascript">
function CheckOne(ele) {
   if (ele.checked) {
       document.getElementById("div1").style.display = 'none';
   }else {
       document.getElementById("div1").style.display = 'block';
   }
}
</script>

<div id = "div1">
<input type = "text"> Hello </input>
</div>
<input type = "checkbox" id = "checkbox1" onClick="CheckOne(this);"/>
</body>
</html>

Thanks