[英]Check whether checkbox is checked or not in page load itself by jquery
我在.Net MVC 3页面中有以下复选框和span标签,
@Html.CheckBoxFor(m => m.CheckedStatus, new Dictionary<string, object> { { "id", "cbCheckedStatus7" }, { "name", "cbCheckedStatus" }, { "class", "onchange" } })
<span id="spBlueCheckbox" style="display: none; color: blue;"> Some message</span>
jQuery:
jQuery(function ($) {
$('#cbCheckedStatus7').on('change', function () {
$('#spBlueCheckbox').slideToggle(this.checked);
});
如果选中此复选框,则我需要显示span标签,否则将其隐藏。 最初,spab标签是隐藏的。
我已经编写了jquery来执行上述方案,但是只有当我用鼠标手动单击时它才起作用。 我需要的是,当我从上一页导航到此页面时,默认情况下会根据DB标志选中该复选框,但不会显示span标签。
您可以使用:
if($('#cbCheckedStatus7').is(':checked')){
$('#spBlueCheckbox').show();
}
在页面加载的jquery下面调用:
$(document).ready(function(){
// do initial check and make show / hide
if($('#cbCheckedStatus7').is(':checked')){ // check if checkbox checked
$('#spBlueCheckbox').show();
}
// add change handler
$('#cbCheckedStatus7').on('change', function () {
$('#spBlueCheckbox').slideToggle(this.checked);
});
});
尝试这个
$(document).ready(function(){
($('#cbCheckedStatus7').is(':checked')) ? $('#spBlueCheckbox').show(); : $('#spBlueCheckbox').hide();
})
编辑您的代码:
jQuery(function ($) {
$('#cbCheckedStatus7').on('change', function () {
if(this.checked)
$('#spBlueCheckbox').show();//or slide up or down
else
$('#spBlueCheckbox').hide();//or slide up or down
});
并将其添加到包含复选框的页面末尾
$('#cbCheckedStatus7').change();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.