2012-08-24 39 views
-3

我目前正在尝试编写一个函数,该函数通过勾选复选框来动态地列出项目,虽然我遇到了一个问题,列表项我在控制台收到以下错误信息:对象...没有方法'append' - 快速实现帮助

Uncaught TypeError: Object SpTU 4, 183:false<br /> has no method 'append' 

下面是导致该错误代码:

strng += name+":"+val+"<br />"; 
var i = 1; 
strng.append($({ type: "text", id:+i })); 

我需要这方面的很快,所以任何帮助,将不胜感激帮助! 在此先感谢

-------编辑---------- 这里是整个功能,所以它更容易理解,我是新编程它可能很杂乱和非档案。

var dataToShow = {}; 
function check(tickbox){ 
    dataToShow[tickbox.value] = tickbox.checked == true; 
    showDataOnScreen(dataToShow); 


function showDataOnScreen(dataToShow){ 
var $strng = ""; 
jQuery.each(dataToShow,function(name,val){ 
    $strng += name+":"+val+"<br />"; 
    var i = 1; 
    $strng.append($({ type: "text", id:+i })); 
    }); 

jQuery("#list").html(strng); 
+0

亚历克斯,什么在你的'strng'变量中? –

+1

字符串没有'.append'方法...你想用'$({type:“text”,id:+ i})做什么?我从来没有见过jQuery的这种用法。看起来你完全混合了HTML字符串和jQuery。阅读一些jQuery教程可能会有帮助:http://docs.jquery.com/Tutorials。 –

+0

这是一个字符串,当选中一个复选框时将添加到列表中:jQuery(“#list”)。html(strng); – AlexSaunders

回答

0

确保strng是一个jQuery对象,假设你使用jQuery

0

如果你正在试图建立检查的项目清单,我会去了解这种方式。或者,更好的是,如果您计划在不同的元素中显示结果,则可以裁剪数组。

// loop through the checked check boxes contained in the list element 
// and add them to a different element 
$("#list :checked").each(function(){ 
    var item = "<div>"+ $(this).attr("name") + ": " + $(this).val() + "</div>"; 
    $("#selectedList").append(item); 
}); 

Here's a working example关于jsFiddle。

参考文献:

+0

反对的任何理由? – jrummell

+0

当他们不知道它是什么意思时,给他们代码绝对毫无意义。 –

+0

@Alex ...这就是为什么我的回答很好的评论,并有链接到参考。使用这些信息,一个愿意学习的缺乏经验的Web开发人员应该能够弄明白。 – jrummell