我怎樣才能讓我的複選框顯示隱藏的範圍，如果它被選中

這是我複選框我怎樣才能讓我的複選框顯示隱藏的範圍，如果它被選中

<?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的範圍。有什麼建議麼？

來源

2014-05-22 user3612373

只需添加'.change（）'你的最後一個代碼塊的結束，你就完成了。 '（'＃Heart_Rate'）。on（「change」，function（）{...}）。change（）; // <---'這會立即觸發處理程序。 –

想知道答案是否有幫助... –

$('#Heart_Rate').attr('checked') // give you you the information

來源

2014-05-22 14:12:44 pietro

請詳細說明OP如何使用此代碼來解決問題。 –

可以在DOM ready事件使用：

$(document).ready(function(){ 
if($('#Heart_Rate:checked').length){ 
    $('#hrsObs').fadeIn('fast'); 
}});

來源

2014-05-22 14:14:16

試試這個：

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(); 

    });

來源

2014-05-22 14:18:45

我怎樣才能讓我的複選框顯示隱藏的範圍，如果它被選中

回答

相關問題