簡體   English   中英

如果選中復選框,如何使復選框顯示隱藏的跨度

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM