即使在使用jquery重新加载后,如何才能显示某一行?

时间:2015-08-07 01:18:36

标签: javascript jquery asp.net checkbox

我的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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

我会将你的准备功能改为:

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