[英]How can i make my checkbox show a hidden span if it is checked
這是我的復選框
<?php $create = array(
'name'=> 'single_obs_value',
'id' => 'Heart_Rate',
'class' => 'singleobs',
'value' => $cp->odvalue_list_id,
'checked' => sel_checkbox($singleobsnormal['single_obs_value'] == $cp->odvalue_list_id),
'style'=> 'float: left; margin-right: 10px;'
);
?>
勾選我的復選框時,它會顯示一個隱藏的跨度;而當未選中時,它會隱藏該跨度。 我已經使用javascript完成了此操作。
$('#Heart_Rate').on("change", function() {
if (this.checked) {
$('#hrsObs').fadeIn('fast');
} else {
$('#hrsObs').fadeOut('fast');
}
}
如果我選中或取消選中此框,此功能將非常適合。 但是,當頁面加載時,我需要一個函數來檢查復選框是否被選中,從而隱藏或顯示已被賦予#hrsObs類的范圍。 有什么建議么?
$('#Heart_Rate').attr('checked') // give you you the information
您可以在DOM ready事件中使用此命令:
$(document).ready(function(){
if($('#Heart_Rate:checked').length){
$('#hrsObs').fadeIn('fast');
}});
試試看:
jQuery(document).ready(function(){
//cache these since you'll be using them a few times
var $heartRate = $('#Heart_Rate'),
$hrsObs = $('#hrsObs');
$heartRate.on("change", isChecked());
function isChecked(){
if($heartRate.prop("checked")){
$hrsObs.fadeIn('fast');
}
else{
$hrsObs.fadeOut('fast');
}
}
//run function now that page has loaded
isChecked();
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.