Скрытие div с помощью события asp.net

Question

Я пытаюсь скрыть div, используя серверный флажок asp.net. Я добавил javascript код onclick для серверного элемента управления, но он, кажется, не работает .... какие-либо предложения?

    function hideDiv(obj) {

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

Answer 1

Этого также можно добиться на стороне сервера.

Разметка:

<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;
    }
}

Answer 2

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

или вы можете использовать jquery

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

Answer 3

Выполните операцию по управлению сервером от пользователя javascript «<% = Имя элемента управления .ClientID%>»

 function hideDiv(obj) {

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

Answer 4

Чтобы получить доступ и использовать серверный элемент управления в asp.net, вы должны использовать его свойство client id (ClientID).

function hideDiv(obj) {

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

Answer 5

Попробуйте использовать приведенный ниже код вместо

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




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