使用asp.net隐藏div复选框oncheckchanged事件

  • Z时代
  • 2024-01-10
  • 分类：问答

我想隐藏使用asp.net复选框服务器控件的div。我为服务器控件添加了一个onclick javascript代码，但它似乎不工作....任何建议？使用asp.net隐藏div复选框oncheckchanged事件

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

回答：

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

回答：

尝试使用，而不是

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

回答：

这下面的代码，也可以实现服务器端。

标记：

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

回答：

要访问和使用在asp.net服务器端的控制，你必须使用它的客户端ID（客户端ID）属性。

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

回答：

从JavaScript的用户“<％=控制名称.ClientID％>”服务器控制

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

以上是 使用asp.net隐藏div复选框oncheckchanged事件 的全部内容， 来源链接： utcz.com/qa/262618.html

回到顶部