Show hide asp panel based on checkbox control not working

Question

I am trying to show/hide asp panel based on checkbox checked in checkbox control.

HTML code

    <asp:Panel runat="server" ID ="ESYLaterControl" CssClass="ESYLaterControl">
  <tr>
     <td style="padding-top: 10px;padding-left: 0px">
     <asp:CheckBox runat="server" ID="chkbxesylater" CssClass="chbxESYLater"  OnCheckedChanged="PageModified"/>
    <uc3:DateControl ID="Dtctrlesylaterdate" class="dtctrESY" runat="server"/>
    </td>
</tr>
 <tr>
<td id="explainESYLater" style="padding-top: 10px">
    &nbsp;Explain
    </td>
</tr>
<tr>
<td style="padding-left: 3px">
     <asp:TextBox runat="server" ID="txtesylater" Class ="txtbxESY" Width="100%" TextMode="MultiLine"></asp:TextBox>
    </td>
</tr>
</asp:Panel>

Script

<script type="text/javascript">
$(document).ready(function () {
    $(function() {

        var $ESYYes = $('#<%= YesNoControlESY.GetYesClientID() %>');
        var $ESYno = $('#<%= YesNoControlESY.GetNoClientID() %>');
        var $panel = $('.ESYLaterControl');

        $ESYYes.change(function () {
            if ($panel != null && $ESYYes != null)
                 if($ESYYes.is(':checked')) {
                    panel.style.display = 'block';
                } else {
                    panel.style.display = 'none';
                }
        });
       });

});

When I debug the code in firebug its going inside if block if($ESYYes.is(':checked')) but its not showing or hiding panel.

Comfortably Numb · Accepted Answer · 2014-06-03 17:26:27Z

1

Instead of

panel.style.display = 'block' and panel.style.display = 'none';

try

$panel.show(); and $panel.hide();

answered Jun 3, 2014 at 17:26

Comfortably Numb

39.9k17 gold badges82 silver badges147 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Comfortably Numb Over a year ago

$panel is a jQuery object that your create - if it exists - the code should work (unlike panel which is not declared anywhere). Check console output - any error messages?

Jeff LaFay · Accepted Answer · 2014-06-03 17:28:53Z

0

$panel is missing the $ prefix. Your variable inside of the if/else blocks is "panel".

answered Jun 3, 2014 at 17:28

Jeff LaFay

13.5k14 gold badges74 silver badges103 bronze badges

Collectives™ on Stack Overflow

Show hide asp panel based on checkbox control not working

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related