Javascript 如何在提交按钮之前添加复选框？

我试图附加我的表单，但是添加了一个复选框，但是我想在提交按钮之前添加它

$('#form').append('<input type="checkbox" id="checking" name="checking" class="required" />').before($('.clickSubmit'));

---

上面的代码将

。单击提交

，将其移到我的表单之外，并将其放在表单之前。如果我想在表单中单击提交按钮，我只想在其前面添加一个复选框。我做错了什么？

这是正确的语法：

$('.clickSubmit').prepend('<input type="checkbox" id="checking" name="checking" class="required" />');

$（'.clickSubmit'）。前置（''）；

---

在之前使用

会将它添加到调用它的元素之前
Prepend
将其添加为所选元素下的第一个元素
问题是因为
append（）
正在返回
表单
元素，因此您将整个
表单
移动到按钮之前。相反，在新复选框上使用
insertBefore
。试试这个：

$('<input type="checkbox" id="checking" name="checking" class="required" />').insertBefore('.clickSubmit');

$（''）.insertBefore（'.clickSubmit'）；
假设您希望结构如下所示

<p class="clickSubmit">
    <input type="checkbox" id="checking" name="checking" class="required" />
    <input type="submit" name="submit" id="submit" value="Click to submit" class="btn btn-default" disabled="disabled">
</p>




你能行

$('<input type="checkbox" id="checking" name="checking" class="required" />')
.insertBefore('#submit');

$（“”）
.insertBefore（“#提交”）；
这会将复选框放在
元素内。单击Submit
元素，但OP希望它在该元素外。@Rorymcrossan这是我第一次阅读它的方式，但我不这么认为。再读一遍他的问题？嗯，很好。看起来好像他想让按钮在里面，但使用before和该选择器意味着在外面。这并不使它成为表单的一部分。@user979331表单在哪里？
$('<input type="checkbox" id="checking" name="checking" class="required" />')
.insertBefore('#submit');