Question

我有以下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>

我遇到的问题是只在页面填充时检查输入。我希望它是动态的，在页面加载后，一旦复选框解开，该行将被隐藏

Answer 1

如果在复选框后直接插入脚本，则会产生所需的效果。

但是，应该注意的是，脚本只检查复选框值一次。

这可以通过以下方式解决：

<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语句。

Answer 2

您试图隐藏的参考元素是什么？我的意思是，如果元素曾被隐藏，则无法选中和取消选中。所以window.onload函数应该完成工作。根据您的要求，它还有其他方法可以做到。

如果加载了Statement后页面的JavaScript

2 个答案: