基于页面的onLoad属性显示/隐藏复选框

Question

我有一个复选框：

<tr><td class="form-row" colspan="2" style="font-weight:bold; font-size:10px; color: #006699;"> <a href="javascript:void(0);"></a>
<label> Display Value</label>
<input type="checkbox" name="Display"  id="Display" />
</td></tr>

基于onload函数，我需要完全显示/隐藏复选框。

window.onload = function (e) {
var dateOfToday = getCurrentDay();
var presentDate = document.getElementById("presentDate");
if (presentDate) {
presentDate.value = dateOfToday;
}
var datetiMe = "<%= session.getAttribute("PresetValEndDate")%>";
var setPVInput = formatDate(datetiMe);
if (setPVInput > dateOfToday || setPVInput == dateOfToday){
document.getElementById("myFieldset").disabled = false;
//hidecheckbox
}
else(setPVInput < dateOfToday)
{
document.getElementById("myFieldset").disabled = true;
//show checkbox
}
}

我尝试了以下操作，但没有成功。

document.getElementById("Display").disabled = false;

感谢您的帮助。非常感谢。

Answer 1

如果要隐藏它，必须更改显示。将您的代码更改为：

if (setPVInput > dateOfToday || setPVInput == dateOfToday){
document.getElementById("Display").style.display = "none";
}
else(setPVInput < dateOfToday)
{
document.getElementById("Display").style.display = "block";
}

可以简化为：

let checkbox = document.getElementById("Display");
checkbox.style.display = (setPVInput >= dateOfToday) ? "none" : "block";

Answer 2

如果你想通过javascript而不是CSS来实现，你可以使用：

var link = document.getElementById('Display');
link.style.display = 'none';//OR
link.style.visibility = 'hidden';