加载页面后的JavaScript if语句


JavaScript if Statement after page been loaded

我有以下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>&nbsp;$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函数应该做这项工作。根据您的需求,它还有其他方法可以做到这一点。