Question

我想通过点击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>

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

Answer 1

您可以将FillDetails显示设置为'none'，然后使用：

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

</script>

和你的CheckBox：

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

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

1 个答案: