我有以下if语句:
echo "<a href='searchPage.php?user_query=$crs_sub1&search=search' id='liSpacing'><label id='labelSearch'><input id='checkbox1' type='checkbox' name='checkbox' value='value' checked> $crs_sub1</label></a> <br />";
JavaScript
<Script>
var crs_category1 = document.getElementById("checkbox1").checked;
if (crs_category1 === false){
}else{
document.getElementById("checkbox1").style.visibility = "hidden";
}
</script>
我遇到的问题是,只有当页面变老时才会检查输入。我希望它是动态的,在加载页面后,一旦取消复选框,该行就会隐藏
如果将脚本直接插入复选框之后,应该会产生所需的效果。
但是,应该注意的是,脚本只检查复选框值一次。
这可以通过执行以下操作来解决:
<script>
document.getElementById("checkbox1").addEventListener('change', function() {
var crs_category1 = document.getElementById("checkbox1").checked;
if (crs_category1 === false){
} else {
document.getElementById("checkbox1").style.visibility = "hidden";
}
});
</script>
顺便说一句,你可以在复选框上使用checked="checked",使其在默认情况下被选中,正如你在帖子中所希望的那样。如果您这样做,请记住更改if语句。
您试图隐藏的引用元素是什么?我的意思是,如果元素曾经被隐藏,则不能进行检查和取消检查。所以CCD_ 1函数应该做这项工作。根据您的需求,它还有其他方法可以做到这一点。