即使使用jquery重新加載后，如何使某行顯示？

Question

我的jQuery似乎工作正常。 但是每次頁面刷新時，“ row1”都會消失。 但是該復選框仍處於選中狀態。

重新加載后如何使“ row1”出現？ 謝謝

  $(document).ready(function() { $("#chk1").click(function() { if ($(this).is(':checked')) { $("#row1").show(); } else { $("#row1").hide(); $('#tbshow').val(""); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <label for="chk1"> <input type="checkbox" id="chk1" value="1" runat="server" clientidmode="Static" />Show </label> <asp:TableRow ID="row1" runat="server" Style="display: none" ClientIDMode="Static"> <asp:TableCell> <asp:Label ID="lblshow" runat="server" Text="Show"> </asp:Label> </asp:TableCell> <asp:TableCell> <asp:TextBox ID="tbshow" runat="server" ClientIDMode="Static"></asp:TextBox> </asp:TableCell> </asp:TableRow> 

Answer 1

我將您的就緒函數更改為：

 $(document).ready(function() {
     if ( $("#chk1").prop("checked") ) {
           $("#row1").show();
       }
        $("#chk1").click(function() {
          if ($(this).is(':checked')) {
            $("#row1").show();
          } else {
            $("#row1").hide();
            $('#tbshow').val("");
          }
        });