Question

这是我的代码

        <div class="editor-label" style="width: 110px;">
            <%: Html.LabelForEx(model => model.foo.f1) %>
        </div>
        <div class="editor-field" style="width: 60px; padding-top: 0;">
            <%: Html.CheckBoxFor(x => x.foo.f1) %>
        </div>

我想隐藏这个div：

     <div id = "newid"> </div>

使用此脚本

$(function() {
  $('#SecurityVulnerability_SecurityVulnerability').change(function() {
    if ($(this).attr('checked')) {
      $('#Security_AndroidPartnerBulletin').show();
    } else {
      $('#Security_AndroidPartnerBulletin').hide();
    }
  });

});

仅在尚未选中复选框时才有效。如果已选中复选框，那么我该如何编写JS。

Answer 1

只需触发它

$(function() {
  $('#SecurityVulnerability_SecurityVulnerability').on("change", function() {
    $('#Security_AndroidPartnerBulletin').toggle(this.checked);
  }).change();
});

#Security_AndroidPartnerBulletin { display:none }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="SecurityVulnerability_SecurityVulnerability" checked />
<div id="Security_AndroidPartnerBulletin">Hiddden at load time, shown if box checked</div>

如果已选中复选框并将其保存在数据库中，则隐藏字段集，如果未选中，则显示字段集

1 个答案: