如何使用onclick調用帶參數的函數？

Question

我有一個複選框列表，當用戶點擊一個按鈕時，我想根據當前時間顯示。

JS：

var hour = (new Date()).getHours(); 
showMed('A', hour == 19); 
showMed('B', hour == 19); 
showMed('C', hour == 13); 

function showMed(med, show) { 
document.getElementById('med' + med).style.display = show ? '' : 'none'; 
} 

HTML

<div class="inner" id=text><button onClick="showMed()">Check</button></div> 
<form> 
<div id='medA'> 
<input type="checkbox" name="Med A" value="A">Medication A 
</div> 
<div id='medB'> 
<input type="checkbox" name="Med B" value="B">Medication B 
</div> 
<div id='medC'> 
<input type="checkbox" name="Med C" value="C">Medication C 
</div> 
</form> 

我希望用戶單擊該按鈕，它會根據當前時間顯示的複選框。但此刻我似乎無法調用函數

Answer 1

我想你應該試試這個：

JS：

function myFunction(){ 
    var hour = (new Date()).getHours(); 
    showMed('A', hour == 19); 
    showMed('B', hour == 19); 
    showMed('C', hour == 13); 
} 

function showMed(med, show) { 
    document.getElementById('med' + med).style.display = show ? '' : 'none'; 
} 

HTML

<div class="inner" id=text><button onClick="myFunction()">Check</button></div> 
<form> 
<div id='medA'> 
<input type="checkbox" name="Med A" value="A">Medication A 
</div> 
<div id='medB'> 
<input type="checkbox" name="Med B" value="B">Medication B 
</div> 
<div id='medC'> 
<input type="checkbox" name="Med C" value="C">Medication C 
</div> 
</form>