title: Display textbox control when checkbox is checked
body: <p>I have used the following JavaScript to display Two <code>Textbox</code> Controls with Calendar Extenders when CheckBox is checked. Otherwise, they will be hidden. (I hide the table row which contains Textbox controls.)</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function forVisibleDateChecked(sender) {
      var rowDisplay = document.getElementById('&lt;%= fromDateAndToDate.ClientID %&gt;');
      rowDisplay.style.display = sender.checked ? 'inline' : 'none';
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>And my HTML codes are here:</p>
  
  <pre><code>    &lt;tr&gt;
          &lt;td class="style2"&gt;
              &lt;asp:CheckBox ID="chkVisibleControls" runat="server" 
                 checked="false" onclick="forVisibleDateChecked(this)" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr runat="server" id="fromDateAndToDate"&gt;
          &lt;td class="style2"&gt;
              &lt;asp:TextBox ID="tbxSetFromDate" runat="server"&gt;&lt;/asp:TextBox&gt;
              &lt;asp:CalendarExtender ID="tbxSetFromDate_CalendarExtender" runat="server" 
                  Enabled="True" TargetControlID="tbxSetFromDate"&gt;
              &lt;/asp:CalendarExtender&gt;
  
              &lt;asp:TextBox ID="tbxSetToDate" runat="server"&gt;&lt;/asp:TextBox&gt;
              &lt;asp:CalendarExtender ID="tbxSetToDate_CalendarExtender" runat="server" 
                  Enabled="True" TargetControlID="tbxSetToDate"&gt;
              &lt;/asp:CalendarExtender&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  </code></pre>
  
  <p>It is working if I don't set the table row <code>Visble</code> to <code>false</code> in <code>Page Load</code> Method.</p>
  
  <pre><code>fromDateAndToDate.Visible = false;
  </code></pre>
  
  <p>But as default, when the page is loaded, those two date time pickers should not be visible until the user decides to set date range, from date and to date. Any help will be much appreciated.</p>