如何使用Jquery在另一个div中显示所选的div值

Question

在Accordians的导航中，一旦我们选中了复选框，我需要显示 图像，复选框选择值

请参阅此处的jsfiddle

http://jsfiddle.net/keVSJ/1/

我写过这个，但不知怎的，我得到了未定义的错误

 $(document).on("click", ":checkbox", function (e) {
if($(this).is(':checked'))
{
  var HTML = ('<div id="mee">');
  HTML.append('<img type="img" height="40" width="40" src="'+$('#images').attr('src')+'"/>') ;
 HTML.append('<input type="checkbox" name="'+$(this).attr('value')+'" value="'+$(this).attr('value')+'"/>'+$(this).attr('desc')+"<br/>") ;

 var HTML = ('</div>');

}else{
       $('#mee').remove();
}
});

请看这里的图片

Answer 1

您已经定义了var HTML两次，因此需要将其删除并将HTML变量的jQuery实例与div关闭。正如你所说，你希望这个显示在手风琴上面，然后只是将HTML添加到手风琴div。

这是JQuery：

$(document).on("click", ":checkbox", function (e) {

if($(this).is(':checked'))
{
  var HTML = $('<div id="mee"></div>');
  HTML.append('<img type="img" height="40" width="40" src="'+$('#images').attr('src')+'"/>') ;
 HTML.append('<input type="checkbox" name="'+$(this).attr('value')+'" value="'+$(this).attr('value')+'"/>'+$(this).attr('desc')+"<br/>") ;
$("#fororders").prepend(HTML);
 //var HTML = ('</div>');

}else{
       $('#mee').remove();
}
});

使用JSFiddle是here。

注意：选中复选框desc显示为undefined。