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

How to add checkbox before submit button?

本文关键字：添加 复选框 按钮 提交      更新时间：2023-09-26

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

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

.clickSubmit为：

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

上面的代码将.clickSubmit移动到我的表单之外，并将其放在表单之前。当我想要表单中的提交按钮时，我只想在它之前添加一个复选框。我做错了什么？

这是正确的语法：

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

http://api.jquery.com/prepend/

使用before会将其添加到您调用它的元素之前。Prepend会将其作为所选元素

下的第一个元素添加

假设您希望结构看起来像这个

<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');

问题是因为append()正在返回form元素，所以您将整个form移动到按钮之前。相反，在新复选框上使用insertBefore。试试这个：

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