要素の配列にjQueryを含むチェックボックスを追加する

Question

jQueryとJSの新機能です。私はどのように配列aCurrenciesの各要素のチェックボックスを追加するのだろうかと思っていたので、この配列の要素の1つまたは多くを削除することができます。私の考えは、私が既に以下の方法で持っているfor loopでこれを行うことです。

私はこれをコード化しようとして多くの失敗した試みを行ったので、どんな入力も高く評価されます。

function showHideCurrencies() { 
    $("#lblCurrencies").empty(); 
    if (bShown == 0) { 
     $("#btnShowHideCurrencies").text("HIDE CURRENCIES"); 
     bShown = 1; 
     for (var i = 0; i < aCurrencies.length; i++) { 
      $("#lblCurrencies").append("<div>" + aCurrencies[i] + "<i data-arrayIndex='" + i + "' class='fa fa-trash-o fa-fw'></i></div>") 
     } 
     $("#lblCurrencies").show(); 
    } else { 
     $("#btnShowHideCurrencies").text("SHOW CURRENCIES"); 
     bShown = 0; 
     $("#lblCurrencies").hide(); 
    } 
} 

Answer 1

私は以下のようにデモコードを用意しています

HTML：

<label id="lblCurrencies"></label> 
<button id="btnShowHideCurrencies"> 

</button> 

はJQuery：

var bShown=0; 
var aCurrencies=["first","second","third"]; 
showHideCurrencies(); 
function showHideCurrencies() { 
    $("#lblCurrencies").empty(); 
    if (bShown == 0) { 
     $("#btnShowHideCurrencies").text("HIDE CURRENCIES"); 
     bShown = 1; 

     for (var i = 0; i < aCurrencies.length; i++) { 
      $("#lblCurrencies").append("<div class>" + aCurrencies[i] + "<i data-arrayIndex='" + i + "' class='fa fa-trash-o fa-fw'></i><input type='checkbox' id='chk_"+i+"' /></div>") 
     } 
     $("#lblCurrencies").show(); 
    } else { 
     $("#btnShowHideCurrencies").text("SHOW CURRENCIES"); 
     bShown = 0; 
     $("#lblCurrencies").hide(); 
    }  

} 

このコードは固有のIDとチェックボックスが追加されますあなたのに。

あなたはあなたがあなたの `foreach`ループを介して、あなたのHTMLにチェックボックスを追加したいわけでください。..

が、それはあなたに