在JQuery

Question

我被要求做一些特别的事情，在尝试之后我最终找到了我正在使用JQuery的这个网站https://codepen.io/elmahdim/pen/hlmri。然而，我对它没有任何了解，所以我只是部分理解。我要做的是在标记一个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. 找到＆＃34; on-checkbox-click-event-handler＆＃34;，恰好是jquery中的这一行：$('.mutliSelect input[type="checkbox"]').on('click', function() {
3. 在正确的位置向处理程序添加代码，添加/删除文本框（如果您根本不了解jquery则很难）。正确的位置是jquery查找＆＃34; checked-state＆＃34;的复选框。使用$().append()创建文本字段，并在取消选中复选框时删除$().remove()。应该像$("#textfields").append("<input type='text'/>");这样你需要在输入字段中添加一个类，以便以后在删除时解决它。

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

快乐的编码！