javascript - 変数名を id として渡す

Question

いくつかの関数を使用して特定のクラスにチェックボックスを追加しています..チェックボックスが選択されるたびに実行する関数があります..だから、チェックボックスの名前とIDを取得する必要があります..

チェックボックスを動的に追加しているコードの一部を次に示します。ここでの値は、id および name 属性にしたいものです。

Answer 1

を使用してIDを設定します

$.each(brandNameg, function(key, value) {
    $(".fpblocks .fpblocksBrands_inner ul").append('<label class="checkbox"><input type="checkbox" id="' + value + '"  onclick="selectMainBrand("' + value + '");" />' + value + '</label>');
});

Answer 2

$.each(brandNameg, function(key, value) {

        $(".fpblocks .fpblocksBrands_inner ul").append("<label class='checkbox'><input type='checkbox'  onclick='selectMainBrand(\"" + value + "\");' />" + value + "</label>");

    });

Answer 3

function selectMainBrand(ids) {
    $('#Brands').on("change", "input", function () {   
        console.log("called");
        var selected = this.name;
        console.log(selected);
    });
}

UL タグに id="brands" が含まれていると想定しています。上記のコードを次のように変更しない場合

    $('.fpblocks').on("change", "input", function () {   

Answer 4

$.each(brandNameg, function(key, value) {

        $(".fpblocks .fpblocksBrands_inner ul").append("<label class='checkbox'><input type='checkbox' id ='someID' name ='someName' />" + value + "</label>");

    });

チェックボックスをクリックして..

$(".fpblocks .fpblocksBrands_inner ul :checkbox").live('click', function(){
 var id = $(this).attr('id'); //get id of checked checkbox
  var name = $(this).attr('name');   //get name of checked checkbox


})