Question

我需要一些帮助。我试图在$（document）.ready（）中使用Jquery .append（）在表单中插入一个html标记。

这是我测试过的，不起作用的：

Jquery part:
$(document).ready(function(){
    $(".inner").append('<input type="checkbox" class="checkboxall">');
});

HTML part:
<form class="inner" action="" method="post">
</form>

我做错了什么？提前谢谢。

LE：我已经分析了firebug中的代码，我注意到表单看起来像这样：http://i.imgur.com/Fxjtp.png。阴影形式的颜色是什么？

LE：处理html验证部分，非常重要，因为html代码在我实现此POC的文档中无效。（见上图）

Answer 1

这对我有用：

$(document).ready(function(){
    $(".inner").append('<input type="checkbox" class="checkboxall" />');
});

同时检查所有jQuery是否已加载等。

Answer 2

你没有做错事。

我只是复制/粘贴您的代码，它正在运行：http://jsfiddle.net/gA9ry/

Jquery part:
$(document).ready(function(){
    $(".inner").append('<input type="checkbox" class="checkboxall">');
});

HTML part:
<form class="inner" action="" method="post">
</form>

Answer 3

对我而言，它有效。查看您的ErrorConsole。我确信jQuery没有正确加载，并且没有定义像'$'这样的错误。

Answer 4

我的页面自上而下有效：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script>
$(document).ready(function(){
    $(".inner").append('<input type="checkbox" class="checkboxall">');
});
</script>

<form class="inner" action="" method="post">
</form>

使用Jquery .ready（）和.append（）在表单内插入内容

4 个答案: