Javascript 单击按钮后追加内容

每次尝试运行此小提琴时，我都会遇到一个参考错误

该函数应该在表单中添加另一个单选按钮

任何帮助都会很好

谢谢

HTML

添加
去除
提交问题

Javascript

function AddQuestion() {
$(".content").append('<div class="radio"><label><input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked><input type="text" class="form-control" placeholder="Type Question Here"></label></div>');
};

函数AddQuestion（）{
$（“.content”）。追加（“”）；
};

这是因为您的小提琴设置不正确。在*事件属性上使用

时，函数必须在
窗口的范围内，因此您需要将JS设置中的“加载类型”从
onLoad
更改为
No Wrap-in


请注意，一个更好的解决方案是完全不使用任何过时的事件属性，并用不引人注目的事件处理程序替换它们。这将导致更好地分离关注点，因为HTML和JS现在完全断开连接。由于您已经在使用jQuery，下面介绍如何做到这一点：


$（函数（）{
$（'.add'）。单击（函数（）{
$（“.content”）。追加（“”）；
});
});

添加
去除
提交问题
您好，只需更改javascript选项->加载类型->设置“无换行符正文”（或无换行符头部）：您只需将代码添加到
而不是
加载
。我非常感谢您的帮助！我已经更新了我的小提琴，但是删除功能不起作用，但是控制台中没有发生错误。有什么建议吗？有三个问题。您需要将代码放入document.ready处理程序中
此
指的是单击的按钮，并且没有一行是该按钮的父项（）
.content
不是按钮的父级，因此需要使用
.row
作为委托事件处理程序。假设要删除最后添加的行，请使用以下命令：
function AddQuestion() {
$(".content").append('<div class="radio"><label><input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked><input type="text" class="form-control" placeholder="Type Question Here"></label></div>');
};