如何通过单击复选框来显示或隐藏网络图表

How to show or hide webchart by click a checkbox?

本文关键字：隐藏 网络 显示 何通过 单击 复选框      更新时间：2023-09-26

我想学习在asp.net中点击复选框时显示和隐藏网络图表。

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

我有两张网络图

<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。我想在单击checkbox 1 时显示FillDetails网络图表

您可以将FillDetails显示设置为"none"，然后使用以下内容：

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

和您的复选框：

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

相关文章：