2015-03-19 31 views
-1

我已經if語句如下:的JavaScript如果頁的聲明之後被加載

echo "<a href='searchPage.php?user_query=$crs_sub1&search=search' id='liSpacing'><label id='labelSearch'><input id='checkbox1' type='checkbox' name='checkbox' value='value' checked>&nbsp;$crs_sub1</label></a> <br />"; 

的JavaScript

<Script> 

var crs_category1 = document.getElementById("checkbox1").checked; 

if (crs_category1 === false){ 

}else{ 
     document.getElementById("checkbox1").style.visibility = "hidden"; 


} 
</script> 

我的問題是隻檢查到該輸入時的頁面laods。我希望它是動態的,在加載頁面之後,一旦複選框不勾選,線條就隱藏起來

回答

0

如果腳本直接插入複選框後,應該會出現所需的效果。

但是,應該注意的是腳本只檢查複選框值一次。

這可以通過執行來解決:

<script> 
    document.getElementById("checkbox1").addEventListener('change', function() { 
     var crs_category1 = document.getElementById("checkbox1").checked; 
     if (crs_category1 === false){ 
     } else { 
       document.getElementById("checkbox1").style.visibility = "hidden"; 
     } 
    }); 
</script> 

順便說一句,你可以將舊檢查,以使其默認選擇,因爲你希望在你的崗位上覆選框=「選中」。如果你這樣做,請記得更改if語句。

+0

嗯,它會工作,但你必須首先取消隱藏複選框(並將其設置爲「checked」。)如果這解決了您的原始問題,請將此答案標記爲已接受。 – humanoid 2015-03-19 02:10:33

0

什麼是你想要隱藏的參考元素?我的意思是,如果元素一度隱藏,則無法選中並取消選中。所以window.onload函數應該做的工作。根據您的要求,還有其他方法可以做到這一點。