Javascript 添加新输入并使用它而不修改HTML

我只有：

<div>
    <textarea id="names"></textarea>
</div>

我不能修改html。我只能使用jQuery。是否可以制作如下内容：

<input type="checkbox" id="yes">
<div style="display:none">
   <textarea id="names"></textarea>
</div>

$("#yes").click(function(){
    $("#names").parent().show();
})

$（“#是”）。单击（函数（）{
$（“#名称”）.parent（）.show（）；
})

如果页面已加载且准备就绪，则默认值应仅为：

<input type="checkbox" id="yes">

如果我选中了这个，那么用textarea向我显示div

是否可以在不修改HTML的情况下生成？如果是，如何进行

FIDDLE:

var checkbox=$（''）；
var parent=$（'#names'）.parent（）.hide（）.before（复选框）；
复选框。单击（函数（）{
toggle（）；
});

​

var复选框=$（''）；
var parent=$（'#names'）.parent（）.hide（）.before（复选框）；
复选框。单击（函数（）{
toggle（）；
});

​

尝试以下方法

$("#names").parent().hide().before('<input type="checkbox" id="yes" />');

顾名思义，它将切换可见性，因此如果取消选中复选框，它将隐藏内容

尝试以下方法

$("#names").parent().hide().before('<input type="checkbox" id="yes" />');

顾名思义，它将切换可见性，因此如果取消选中复选框，它将隐藏内容

是的，你可以这样做

$("#names").parent().hide().before('<input type="checkbox" id="yes">');

$("#yes").click(function() {
    if ($(this).is(':checked')) {
        $("#names").parent().show();
    } else {
        $("#names").parent().hide();    
    }});

$（“#名称”）.parent（）.hide（）.before（“”）；
$（“#是”）。单击（函数（）{
如果（$（this）.is（':checked'））{
$（“#名称”）.parent（）.show（）；
}否则{
$（“#名称”）.parent（）.hide（）；
}});

是的，你可以这样做

$("#names").parent().hide().before('<input type="checkbox" id="yes">');

$("#yes").click(function() {
    if ($(this).is(':checked')) {
        $("#names").parent().show();
    } else {
        $("#names").parent().hide();    
    }});

$（“#名称”）.parent（）.hide（）.before（“”）；
$（“#是”）。单击（函数（）{
如果（$（this）.is（':checked'））{
$（“#名称”）.parent（）.show（）；
}否则{
$（“#名称”）.parent（）.hide（）；
}});

---

复选框中缺少id谢谢，但本例中不需要该id。您可以执行

var checkbox=$（'TEST'）var checkbox=$（'TEST'）#yes

时，您的文本区域将隐藏+1。用同样的代码击败我，也许还不如让我的提琴[编辑]。@DirkShags你自己的文本对我有效，你遇到了什么问题？当选中

#yes

时，你的文本区域隐藏+1。用同样的代码打败我，还不如让我的小提琴[编辑]。@DirkShags你自己的文字适合我，你遇到了什么问题？