根据一天的时间显示不同的复选框
根据一天的时间显示不同的复选框
提问于 2016-07-27 01:26:12
大家都在想，是否可以根据当前时间显示不同的复选框。我正在构建一个药物提醒应用程序，因此应用程序将显示用户应该根据当前时间服用的不同药物。例如，在下午1点，复选框可能会显示“药物A”、“药物C”。晚上9点，复选框可能会显示“药物B”。
这是我目前所拥有的，但正如您所看到的，无论当前时间是什么，它都会显示相同的复选框。
<form>
<input type="checkbox" name="Med A" value="A">Medication A<br>
<input type="checkbox" name="Med B" value="B">Medication B<br>
<input type="checkbox" name="Med C" value="C">Medication C<br>
<input id=xbutton type="button" onClick="validate()" value="Submit">
</form>回答 1
Stack Overflow用户
回答已采纳
发布于 2016-07-27 01:53:28
您可以在页面加载时检查时间并设置显示。
联署材料：
var hour = (new Date()).getHours();
showMed('A', hour == 13);
showMed('B', hour == 21);
showMed('C', hour == 13);
function showMed(med, show) {
document.getElementById('med' + med).style.display = show ? '' : 'none';
}HTML：
<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的setInterval来运行测试函数，因此如果页面已经加载，并且时间发生了变化，那么页面/视图就会更新。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38602281
复制相关文章
相似问题
腾讯云开发者
