Hiding a div using a asp.net checkbox oncheckchanged event

Question

I am trying to hide a div using asp.net checkbox server control. I added a onclick javascript code for the server control but it seems not working....any suggestions?

    function hideDiv(obj) {

        if (obj.checked==true) {
            document.getElementById("divMap").style.visibility=true
        }
        else {
            document.getElementById("divMap").style.visibility = false
        }
    }

Ghyath Serhal · Accepted Answer · 2011-10-18 10:06:54Z

2

function hideDiv(obj) {
    if (obj.checked==true) {
        document.getElementById("divMap").style.display='block';
    }
    else {
        document.getElementById("divMap").style.display = 'none';
    }
}

or you can use jquery

function hideDiv(obj) {
    if (obj.checked) {
        $("#divMap").show();
    }
    else {
        $("#divMap").hide();
    }
}

answered Oct 18, 2011 at 10:06

Ghyath Serhal

7,6326 gold badges47 silver badges63 bronze badges

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

1 Comment

Joshua Over a year ago

how can put it in asp.net? <asp:CheckBox ID="chkShowAllOnMap" Text="Show all results on map" runat="server" AutoPostBack="true" onClick="hideDiv(this)" />

Curtis · Accepted Answer · 2011-10-18 10:24:21Z

2

This could also be achieved server side.

Markup:

<asp:CheckBox id="chk" runat="server" AutoPostBack="true" />
<div id="div" runat="server"></div>

C#:

protected void chk_CheckedChanged(object sender, System.EventArgs e)
{
    switch ((sender.checked)) {
        case true:
            div.Visible = false;
            break;
        case false:
            div.Visible = true;
            break;
    }
}

edited Oct 18, 2011 at 10:24

answered Oct 18, 2011 at 10:11

Curtis

104k69 gold badges280 silver badges359 bronze badges

Comments

Varada · Accepted Answer · 2011-10-18 10:08:33Z

0

Try to use the below code instead of

document.getElementById("divMap").style.visibility = false
document.getElementById("divMap").style.visibility=true  




document.getElementById("divMap").style.display='none'
     document.getElementById("divMap").style.display='block'

answered Oct 18, 2011 at 10:08

Varada

17.2k13 gold badges51 silver badges70 bronze badges

Comments

Haythem Tlili · Accepted Answer · 2011-10-18 10:16:02Z

0

To access and use a server side control in asp.net you have to use it's client id (ClientID) property.

function hideDiv(obj) {

    if (obj.checked==true) {
        document.getElementById("<%=YourControlID.ClientID %>").style.visibility=true
    }
    else {
        document.getElementById("<%=YourControlID.ClientID %>").style.visibility = false
    }
}

answered Oct 18, 2011 at 10:16

Haythem Tlili

5663 silver badges10 bronze badges

Comments

BJ Patel · Accepted Answer · 2013-01-28 11:15:50Z

0

Perform operation on server control from javascript user “<%=control Name .ClientID%>”

 function hideDiv(obj) {

        if (obj.checked==true) {
            document.getElementById('<%= divMap.ClientID%>').style.display = 'Block';
        }
        else {
            document.getElementById('<%= divMap.ClientID%>').style.display = 'None';
        }
    }

answered Jan 28, 2013 at 11:15

BJ Patel

6,28811 gold badges51 silver badges85 bronze badges

Collectives™ on Stack Overflow

Hiding a div using a asp.net checkbox oncheckchanged event

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related