在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知識，它顯然沒有工作，我真的不知道做什麼了。在輸入之前，是否可以添加某種「附加」到輸入的變量，以便我可以指定該輸入的用途？就像我在複選框中選擇「Mercedes」一樣，input type="text"被創建並且在它上面創建名稱「Mercedes」，那麼如果我選中「BMW」，它會在上面寫上另一個input type="text"寶馬？

此外，由於某種原因禁用了$這樣的代碼$("div bb") {。不知道爲什麼。

Answer 1

一個解決方案：

1. 建立在你的HTML空元素在輸入字段 應該出現（如<div id="textfields"></div>）
2. 找到「上覆選框，單擊事件處理程序」，這恰好要在jQuery中的這一行：$('.mutliSelect input[type="checkbox"]').on('click', function() {
3. 添加代碼到處理程序的正確位置，追加/刪除文本框（如果你根本不知道jquery，很難）。正確的位置是jquery查找複選框的「checked-state」的位置。使用$().append()創建文本字段並使用$().remove()取消選中複選框。應該像$("#textfields").append("<input type='text'/>");這樣的東西，你將需要添加一個類到輸入字段，以便在刪除時稍後解決它。

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

編碼愉快！