代码之家  ›  专栏  ›  技术社区  ›  Varun Sharma

重新加载后,不应重置“页面”复选框

  •  0
  • Varun Sharma  · 技术社区  · 6 年前

    我使用的是Angular Js和Jquery。我正在执行“单击复选框后禁用页面中的所有复选框”。但是当我重新加载页面时,我的页面将被重置,我不想在重新加载后重置禁用复选框。假设我在重新加载之后选中了复选框,那么应该选中“页面”复选框。

    下面是代码示例。

    $('#mainChk').on('click', function(){
      var categories = $('.disableCheck');
      categories.prop('disabled', !categories.prop('disabled'));
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <input id="mainChk" type="checkbox" > Main
    <input type="checkbox" class="disableCheck"> First
    <input type="checkbox" class="disableCheck"> Second
    <input type="checkbox" class="disableCheck"> Third

    当我重新加载页面时,“全部”复选框将重置。

    我也可以用角Js。我在查询参数中设置了像true或false这样的复选框值。

    但我没有得到理想的结果。

    2 回复  |  直到 6 年前
        1
  •  0
  •   Егор Нестеров    6 年前

    您可以使用sessionStorage或localStorage之类的工具在页面重新加载后保存复选框的状态。 有一个角度 library ,我用的。

    您还可以为jQuery找到相同的东西。

        2
  •  0
  •   Jay Raj Mishra    6 年前

    <input type="checkbox" class="disableCheck" value="First"> First
    <input type="checkbox" class="disableCheck" value="Second"> Second
    <input type="checkbox" class="disableCheck" value="Third"> Third
    
    $(document).ready(function () {
                    $.ajax({
                      url: 'abc.asmx',// Call List Method of Save Checkbox Table
                        success: function (data) {
                            callback(data);
                        },
                    })
                });
    
      function callback(data) {
                    $.each(data.d, function (index, item) {
                        $("#checkboxId option[value='" + item.SaveCheckboxColumnName + "']").prop("checked",
                            true);
                        $("#checkboxId option[value='" + item.SaveCheckboxColumnName +
                            "']").prop("disabled",
                                true);
                    });
                }