如何使用 onclick 调用带参数的函数？答案

【问题标题】：How do you call a function with parameters using onclick?如何使用 onclick 调用带参数的函数？
【发布时间】：2016-07-28 13:24:27
【问题描述】：

我有一个复选框列表，当用户单击按钮时，我想根据当前时间显示这些复选框。

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>

我希望用户单击按钮，它将根据当前时间显示复选框。但目前我似乎无法调用该函数

【问题讨论】：

我认为您需要添加更多描述。我真的不知道你到底想做什么。

标签： javascript function checkbox parameters onclick

【解决方案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>

【讨论】：