CheckBox 选中后显示按钮，不选择按钮消失

最新推荐文章于 2024-05-19 11:27:40 发布

Java-请多指教

最新推荐文章于 2024-05-19 11:27:40 发布

阅读量232

点赞数 2

分类专栏： HTML基础文章标签： html 前端 css

本文链接：https://blog.csdn.net/wuzj1314/article/details/127979631

版权

HTML基础专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script>
    function show() {
        var value=document.getElementById("approve").value;
        if(value==1){
            document.getElementById("submit").style.display="inline-block";
        }else{
            document.getElementById("submit").style.display="none";
        }
    }
</script>

<body>
    <input type="checkbox" id="approve" value="0" 
    onclick="this.value=(this.value==0)?1:0" onchange="show()">我同意
    <br>
    <button type="submit" id="submit" style="display: none;">提交</button>
</body>

</html>