Check box javascript with asp.net

Question

0.00/5 (No votes)

See more:

There two checkbox...When checkbox1 is select, display what it is hidden...it is fine when checkbox2 is check is hidden or don't show anything.But when it is check checkbox1 , i made uncheck the display it is not hidden the block

&lt;input type="checkbox" ID="chebox1"   runat="server" class="check"  onclick="select()"/&gt
&lt;input type="checkbox" ID="chebox2"   runat="server" class="check"  onclick="unselect()"/&gt

<pre lang="xml"><script type="text/javascript">

   function select() {


        document.getElementById("div").style.display = "block";

   }

     function unselect(){


         document.getElementById("div").style.display = "none";
    }
    </script>

Posted 29-Jun-11 12:06pm

Chamiss

Add a Solution

Comments

harish85 29-Jun-11 18:36pm

What behavior did you saw while checkbox1 is checked and unchecked, what was expected? didnt understand clearly from ur post

Chamiss 29-Jun-11 18:51pm

When I check checkbox if display my another stuff that i hidden , but if I uncheck the checkbox1 should be hidden my stuff but it is visible only if i uncheck the checkbox2 make invisible

3 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-06-29T13:55:00

Solution 1

This design is wrong. What if both are checked ? Have one checkbox and make your code check if it's checked and hide/unhide based on that. You can do select(this) to pass your checkbox in to the method and not need to look it up.

Posted 29-Jun-11 13:55pm

Christian Graus

Comments

Chamiss 30-Jun-11 9:17am

Yeah over design is wrong.. I know becasue when I paste, it goes like...I have right in my code.. yes, i did that but it is not work like I want.. I think I should be make a function for both to either one. I still stuck in this

harish85 · Answer 2 · 2011-06-29T14:05:00

Solution 2

avoid using select() as user function name , but still I didn't understand your problem well.

notes -
if you want to check the state of checkbox and then hide or display you can pass the checkbox id to function. (checked property)

Posted 29-Jun-11 14:05pm

harish85

koolprasad2003 · Answer 3 · 2011-06-29T18:27:00

Try using following code

function select()
{

  if (document.getElementById("checkbox1").checked)
    document.getElementById("div1").style.display = ''
  else
    document.getElementById("div1").style.display = 'none'
}


function unselect(){
{
   if (document.getElementById("checkbox2").checked)
   document.getElementById("div1").style.display = 'none'
 else
   document.getElementById("div1").style.display = ''
}