看一下，我想的是如果“”有数据”复选框处于选中状态，div处于显示状态，没数据复选框处于未选中状态，div处于隐藏状态

你们可以复制运行一下，
如果“”有数据”复选框处于选中状态，div处于显示状态，没数据复选框处于未选中状态，div处于隐藏状态

img

在没有值的情况下div还是处于显示状态，


<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
        <body>
            
            <input type="checkbox" id="c" checked="false"  onclick="show()">
            <div id="zhongxin" style="display: none;">
                <input type="text"   id="a" value="123"  oninput="t(this)">
            </div>
      </body>
  

 <script>
        document.getElementById("a").oninput();
 
        function t(obj) {
            
            document.getElementById("c").checked = obj.value ? true : false;
            
            return show();
        };
        
        
       function show() {
        var id=document.getElementById("zhongxin");
        if( id.style.display=='none'){
            id.style.display="block";
        }else{
            id.style.display="none";
        }
    };

需求不合理

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <input type="checkbox" id="c" checked="false" onclick="show()">
        <div id="zhongxin" style="display: none;">
            <input type="text" id="a" value="123" oninput="t(this)">
        </div>
    </body>

    <script>
        document.getElementById("a").oninput();

        function t(obj) {
            var c = document.getElementById("c");
            if (obj.value) {
                c.checked = true;
            } else {
                c.checked = false;
                show();
            }

        };

        function show() {
            var id = document.getElementById("zhongxin");
            if (id.style.display == 'none') {
                id.style.display = "block";
            } else {
                id.style.display = "none";
            }
        };
    </script>