如何使用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>