Question

У меня есть команда JQuery как этот

   if (resultEXTP == "1"){ 
       $("#generalInfo").append("<th><a class='rown'>Extra packing :</a>\ 
            <input checked id='extrapack' class='css-checkbox' type='checkbox' onClick='extrpk('"+gotid+"')' ></th>"); 
      } else { 
       $("#generalInfo").append("<th><a class='rown'>Extra packing :</a>\ 
            <input id='extrapack' class='css-checkbox' type='checkbox' onClick='extrpk('"+gotid+"')' ></th>");    
     } 

присоединяя тег таблицы generalInfo.

Как вы видите, этот HTML тег должен вызвать функцию JQuery, которая:

function extrpk(valorderId){ 

alert ("i am running " + valorderId); 
    // checks if extrapacking requested 
     if($('#extrapack').attr('checked') == true) 
     { 

      // extrapacking is checked adding to the price 
      var classNam = valId; 
      //$('.needord').attr('id'); 
     .... the rest of the code 

Чтобы передать Jquery вар, gotid функционировать extrpk, чтобы позволить процессу функционировать его.

Эта функция работает, если я положил gotid в <input checked id=, а затем передал полученный идентификатор как на клик (this.id). Я имею в виду, что могу предупредить.

Но если я передам его, как показано выше, alert ("i am running "); не будет предупрежден.

Я не знаю, что я делаю неправильно в приведенном выше коде?

Answer 1

После того, как у вас есть динамический контроль ... Вам нужно будет позвонить console.log() вместо alert()

Вы можете увидеть результат, используя F12 ключ от вашего браузера и собирается консоли вкладки.

Answer 2

Просто используйте стандартные обработчики событий. Я значительно очистил код, чтобы сделать его более понятным:

var $th = $("<th><a class='rown'>Extra packing :</a></th>"), 
    $input = $("<input id='extrapack' class='css-checkbox' type='checkbox' />"); 

$input.on("click", function() { 
    extrpk(gotid); 
}); 

if (resultEXTP === "1") { 
    $input.prop("checked", true); 
} 

$th.append($input); 
$("#generalInfo").append($th); 

Answer 3

единственный ответ на мою проблему, которая работает для меня:

   $("#generalInfo").append("<th><a class='rown'>Extra packing :</a>\ 
           <input checked id='"+gotid+'<separator>'+idname+"' class='css-checkbox' type='checkbox' onClick='extrpk(this.id)' ></th>"); 

, а затем разделить разделитель в extrpk() затем получите идентификатор тега и gotid

Спасибо всем за помощь.