Checkbox in ASP.NET

Question

I am new to javascript and I have a basic question for a simple task. I am trying to show or hide checkbox when the label is clicked I am having five Checkbox How to write a Javascript when Label is clicked five checkbox should display? Help

Govinda Rajulu Yemineni · Answer

Hi Deepak try this script type = text/javascript  src = http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js > script > script type = text/javascript > $(document).ready( function () { $( '#HideOrShow' ).toggle( function () { $( '.HideorShow' ).hide(); $( '#HideOrShow' ).text( 'Show Checkboxes' ); } function () { $( '.HideorShow' ).show(); $( ' #HideOrShow ' ).text( 'Hide Checkboxes' ); }); }); script > form id = form1  runat = server > div > asp:Label ID = HideOrShow  runat = server  Text = Hide Checkboxes > asp:Label > br /> asp:CheckBox ID = CheckBox1  runat = server  class =  HideorShow  Text = AAA  /> br /> asp:CheckBox ID = CheckBox2  runat = server  class =  HideorShow  Text = BBB  /> br /> asp:CheckBox ID = CheckBox3  runat = server  class =  HideorShow  Text = CCC  /> br /> asp:CheckBox ID = CheckBox4  runat = server  class =  HideorShow  Text = DDD  /> br /> asp:CheckBox ID = CheckBox5  runat = server  class =  HideorShow  Text = EEE  /> br /> div > form >

Sumit Joshi · Answer

HI Upendra Pratap Shahi We all are community Friends and Friend never minds. Have a happy Day Upendra Pratap Shahi

Upendra Pratap Shahi · Answer

Hello Sumit Joshi  Don't take it personally. It is a need for us to clarify self before suggest other . Enjoy coding.

Sumit Joshi · Answer

Put Javascript in tag inside .... Javascript ​ var Toss = ​ document . getElementById ( 'cell' ); ​ Toss . addEventListener ( 'click'  function () { var divElem = document . getElementById ( 'divPhone' ); if ( this . checked ){ divElem . style . display = 'block' ; } else { divElem . style . display = 'none' ; } }); HTML for = cell > 3. Do you currently have a cell phone? (Y/N) type = checkbox name = cell id = cell data-on = Yes data-off = No /> id = divPhone class = hidden > for = blackBerry > 4.If YES is the cell phone a BlackBerry? (Y/N) type = checkbox name = blackBerry id = blackBerry data-on = Yes data-off = No /> ​ .hidden { display: none; }​

Upendra Pratap Shahi · Answer

Hello Sumit Joshi If you have copy then try to modifying this then post. Link may be seems as you because any one can find this from google but code may vary then try to modifying this with own logic or example. Once I've copy a code of Gopi Chand sir when I was beginner here but now days never be happend this.

Sumit Joshi · Answer

Hi Upendra Pratap Shahi same you have done lot of time with me..... let it be

Sumit Joshi · Answer

Hi Upendra same you have done lot of time with me..... let it be

Upendra Pratap Shahi · Answer

Dear Sumit Joshi  It seems as like you have copy my code and paste here . This is not good dear. Try to give your own suggestion. Hello Deepak Ratan  Kindly look forward to your solution given by me. Thanks Sumit Joshi to copying my code.

Sumit Joshi · Answer

HI Deepak Below is the code that can solve your problem @ Page Language =C# AutoEventWireup =true CodeFile =hidecheckboxonlable.aspx.cs Inherits =hidecheckboxonlable %> DOCTYPE html > html > head id =Head1 runat =server> title > title > script src =https://code.jquery.com/jquery-2.1.4.min.js> script > script type =text/javascript> $(document).ready( function () { $( '#lblForshow' ).hide(); $( '#lblForHide' ).click( function () { $( '.hide' ).hide(); $( '#lblForHide' ).hide(); $( '#lblForshow' ).show(); }); $( '#lblForshow' ).click( function () { $( '#lblForHide' ).show(); $( '.hide' ).show(); $( '#lblForshow' ).hide(); }); }); script > head > body > form id =form1 runat =server> div > asp : Label ID =lblForHide runat =server Text =Click me for see checkboxed hide> asp : Label > br /> asp : CheckBox ID =CheckBox1 runat =server class =hide Text =AAA /> br /> asp : CheckBox ID =CheckBox2 runat =server class =hide Text =BBB /> br /> asp : CheckBox ID =CheckBox3 runat =server class =hide Text =CCC /> br /> asp : CheckBox ID =CheckBox4 runat =server class =hide Text =DDD /> br /> asp : CheckBox ID =CheckBox5 runat =server class =hide Text =EEE /> br /> asp : Label ID =lblForshow runat =server Text =Click me for see checkboxed hide> asp : Label > br /> div > form > body > html > If it is helpful for you Accept as answer

Upendra Pratap Shahi · Answer

Is this worked for you or not?

Rahul Prajapat · Answer

hello deepak try this var count = 1; function hide() { var elem = document.getElementById('abc'); if (count % 2 == 1) { count++; elem.style.visibility = 'hidden'; } else { count++; elem.style.visibility = 'visible'; } }

Upendra Pratap Shahi · Answer

Hello Use below code- @ Page Language =C# AutoEventWireup =true CodeFile =hidecheckboxonlable.aspx.cs Inherits =hidecheckboxonlable %> DOCTYPE html > html > head id =Head1 runat =server> title > title > script src =https://code.jquery.com/jquery-2.1.4.min.js> script > script type =text/javascript> $(document).ready( function () { $( '#lblForshow' ).hide(); $( '#lblForHide' ).click( function () { $( '.hide' ).hide(); $( '#lblForHide' ).hide(); $( '#lblForshow' ).show(); }); $( '#lblForshow' ).click( function () { $( '#lblForHide' ).show(); $( '.hide' ).show(); $( '#lblForshow' ).hide(); }); }); script > head > body > form id =form1 runat =server> div > asp : Label ID =lblForHide runat =server Text =Click me for see checkboxed hide> asp : Label > br /> asp : CheckBox ID =CheckBox1 runat =server class =hide Text =AAA /> br /> asp : CheckBox ID =CheckBox2 runat =server class =hide Text =BBB /> br /> asp : CheckBox ID =CheckBox3 runat =server class =hide Text =CCC /> br /> asp : CheckBox ID =CheckBox4 runat =server class =hide Text =DDD /> br /> asp : CheckBox ID =CheckBox5 runat =server class =hide Text =EEE /> br /> asp : Label ID =lblForshow runat =server Text =Click me for see checkboxed hide> asp : Label > br /> div > form > body > html >

Munesh Sharma · Answer

function callMe() { document.getElementById('Chk1').style.visibility = 'hidden'; }

Raja T · Answer

Are you included jquery libery...? if you not inlcude it is not work..Please check. In my code i have download save to my local thats why i am using below script like you dnt have jquer just declare like //ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js > try now

Deepak Ratan · Answer

Yes But its not working

Raja T · Answer

My code is working correctly. As per my understanding  when you click on the click label all the checkboxes should hide ryt?

Deepak Ratan · Answer

Hi Raja T click lable is not working bro can you please check your code its correct? because clicking checkbox value should save on database do you have any idea about that?

Raja T · Answer

Hi Deeepak Click It is label. Just click on label hide the all checkboxes.

Deepak Ratan · Answer

Hi Raja T Its not working Its displaying all Ex: like this Click AAA BBB CCC DDD EEE

Raja T · Answer

Hi use class name for very checkbox it is easy. try this code for your refence $(document).ready(function () { $('#Label1').click(function () { $('.test').hide(); }); });

Palak Parmar · Answer

$('#label1').click(function () { $(#checkbox1).hide(); }