如何通过单击复选框来显示或隐藏 webchart？答案

【问题标题】：How to show or hide webchart by click a checkbox?如何通过单击复选框来显示或隐藏 webchart？
【发布时间】：2013-11-18 03:54:00
【问题描述】：

我想学习在 asp.net 中单击复选框时显示和隐藏 webchart。

<dx:ASPxCheckBox ID="check1" runat="server" 
 OnCheckedChanged="check1_CheckedChanged" 
 Text="Fill Details" CheckState="Unchecked" >
</dx:ASPxCheckBox>

<dx:ASPxCheckBox ID="check2" runat="server"  
   OnCheckedChanged="check2_CheckedChanged" ,     
   Text="Sales Details">
</dx:ASPxCheckBox>

我有 2 个网络图表

<dx:WebChartControl ID="FillDetails" runat="server" CrosshairEnabled="True" Height="600px" Width="900px"></dx:WebChartControl>

<dx:WebChartControl ID="SalesDetails" runat="server" CrosshairEnabled="True" Height="600px" Width="900px"></dx:WebChartControl>

我不擅长 javascript。我想在单击 checkbox1 时显示 FillDetails webchart

【问题讨论】：

stackoverflow.com/questions/17796786/…

标签： javascript asp.net checkbox

【解决方案1】：

您可以将 FillDetails 显示设置为“无”，然后使用它：

<script>
    function changeVisibility() {
        $('#' + '<%= FillDetails.ClientID %>').css({ display: 'block' });
    };

</script>

还有你的复选框：

<dx:ASPxCheckBox ID="check1" runat="server" OnCheckedChanged="changeVisibility();" Text="Fill Details" CheckState="Unchecked" >

【讨论】：