有数据的时候，复选框处于选中状态，div显示，没有数据的时候div隐藏，复选框未选中，
当我输入据数据的时候点击复选框，显示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) {
var c = document.getElementById("c");
if (obj.value) {
c.checked = true;
show();
} else {
c.checked = false;
}
};
function show() {
var id = document.getElementById("zhongxin");
if (id.style.display == 'none') {
id.style.display = "block";
} else {
id.style.display = "none";
}
};
</script>
帮你修改了一下
<html>
<head>
<meta charset="UTF-8" />
<title></title>
</head>
<body>
<input type="checkbox" id="c" checked="false" onclick="show(this)" />
<div id="zhongxin" style="display: none">
<input type="text" id="a" placeholder="123" oninput="t(this)" />
</div>
</body>
<script>
document.getElementById("a").oninput();
function t(obj) {
var c = document.getElementById("c");
if (obj.value) {
console.log(obj.value);
c.checked = true;
} else {
c.checked = false;
show(c);
}
}
function show(btn) {
var id = document.getElementById("zhongxin");
console.log(btn.checked);
if (btn.checked) {
id.style.display = "block";
} else {
id.style.display = "none";
}
}
</script>
</html>