隱藏字段設置如果複選框已經被選中並保存在數據庫中，如果沒有選中，則顯示字段設置

這是我的代碼隱藏字段設置如果複選框已經被選中並保存在數據庫中，如果沒有選中，則顯示字段設置

 <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。

來源

2017-04-04 Amit jha

只要觸發它

$(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>

來源

2017-04-04 14:59:16 mplungjan

其工作正常，但我的CheckBox的位置自動改變。 –

這就是我的代碼做的 – mplungjan

SecurityVulnerability_SecurityVulnerability這是我的複選框ID。早些時候，它接近這樣的標籤：filed1 []。但現在它像UI –

隱藏字段設置如果複選框已經被選中並保存在數據庫中，如果沒有選中，則顯示字段設置

回答

相關問題