在 JQuery 中标记的复选框上创建输入文本字段

Question

我被要求做一些特别的事情，经过尝试，我最终找到了这个网站 https://codepen.io/elmahdim/pen/hlmri 我正在使用JQuery。但是，我对此一无所知，所以我只了解部分内容。我正在尝试做的是在标记复选框时，其下方会出现一个input type="text"，因此，如果我检查 3 个结果，input type="text"创建 3 个字段，依此类推，如果我取消选中复选框，营地将被删除。

我试图通过添加来做到这一点

$("div bb")
{
$('<input type="text" id="textbox" style="width:170px;"/><span> CHF <span>');
}

$(".hida").hide();之后，但由于我对 JQuery 一无所知，它显然不起作用，我现在真的不知道是什么。同样在该输入之前，是否可以添加某种"附加"到输入的变量，以便我可以指定该输入的用途？就像我在复选框中选中"梅赛德斯"一样，input type="text"被创建，在其上方是"梅赛德斯"的名称，那么如果我选中"宝马"，它会在上面写着宝马，它会再input type="text"？

由于某种原因，像这样编写代码$("div bb") {禁用了 $。不知道为什么。

Answer 1

一种解决方案：

1. 在 HTML 中创建一个空元素，其中输入字段 应该出现(例如<div id="textfields"></div>(
2. 找到"on-checkbox-click-event-handler"，恰好是jquery中的这一行：$('.mutliSelect input[type="checkbox"]').on('click', function() {
将
3. 代码添加到处理程序的正确位置，以附加/删除文本框(如果您根本不了解 jQuery，则很难(。正确的位置是jquery查找复选框的"选中状态"的位置。使用$().append()创建文本字段，取消选中复选框时要删除$().remove()。应该是类似$("#textfields").append("<input type='text'/>");您需要在输入字段中添加一个类，以便稍后在删除时解决它。

工作笔： https://codepen.io/anon/pen/gRdmXj

祝您编码愉快！