Javascript 选中复选框时打开一个新的文本框

选中复选框后，我希望打开一个文本框，以便有人可以添加更多信息 到目前为止，我已经有了它的html，我还有一个javascript：

function showDiv() {
var checked=document.getElementById("checkbox");
if (checked.checked == true) {

我被困住了，不知道该从这里走到哪里 我相信这很简单，但仅仅通过谷歌搜索，我找不到解决方案

<script>
    function showDiv(obj) {
        if ($(obj).is(":checked")) {
            $('#content').append('<input type="text" id="text_box"/>');
        }
        else {
            $('#text_box').remove();
        }
    }
</script>
<div id="content">
    Check Me<input type="checkbox" onchange="showDiv(this)"/>
</div>

函数showDiv（obj）{
如果（$（obj）.is（“：checked”））{
$（“#内容”）。追加（“”）；
}
否则{
$（“#文本框”）.remove（）；
}
}
检查我

函数showDiv（obj）{
调试器
如果（对象已选中）{
document.getElementById（'content'）。innerHTML=''；
}
否则{
document.getElementById（'content'）。innerHTML=''；
}
}
检查我

---

Javascript代码在上面

你的意思是使文本框可见吗？或多或少，我只是希望这样，当我点击框时，它会打开一个文本框。比如，如果复选框的标签是“你有自己的网站吗？”？然后单击它会打开一个新框，提示他们将其放入自己的网站原始问题在任何方面都没有提到jQuery，那么您为什么要尝试使用jQuery进行回答呢？这非常感谢，但是是否还有标记文本框的方法？

<script>
    function showDiv(obj) {
    debugger
    if (obj.checked) {
        document.getElementById('content').innerHTML = '<input type="text" id="text_box"/>';
        }
        else {
            document.getElementById('content').innerHTML = '';
        }
    }
</script>
  Check Me<input type="checkbox" onchange="showDiv(this)"/>
<div id="content">

</div>