нужен массив Выход из функции яваскрипта

Question

Chech это fiddle для всех выполняющихся кода я использую

У меня есть массив i=[10,20,30,40,50,60,70]

и я получаю выход в

70:checkbox(checked value 70) .

Мне нужно все массив, который будет отображаться вместе со своими флажками, так что я могу проверить любой номер я хочу и получить проверенный ID

желаемого результат:

70:checkbox(checked value 70) 
60:checkbox(checked value 60) 
50:checkbox(checked value 50) 
40:checkbox(checked value 40) 
30:checkbox(checked value 30) 
20:checkbox(checked value 20) 
10:checkbox(checked value 10) 

Код для выше скрипки здесь: JS

var i=[10,20,30,40,50,60,70]; 

//$("#add").click(function(){ 
$(document).ready(function(){ 

    // alert("ff"); 
    var newrow=$('#services .headings').clone().removeClass('headings'); 
    for(var k=0;k<i.length;k++) 

    { 
     var disp = { 

      names: i[k], 
      checks: i[k] 

     } 
     func.call(row,disp); 
    } 

    func(newrow,disp) 
    .insertAfter('#services tr.headings') 
    .show(); 
}); 

function func(row,disp) 
{  
    row.find('.servicenames').text(disp.names); 
    row.find('.servicecheck').data('href',disp.checks); 

    return row; 
} 

$("#services").on("click", ".servicecheck",function(){  
    alert($(this).data('href')); 
}); 

HTML

 <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
     <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<table id="services"> 
        <tr class="headings" style="display:none"> 
         <td><span class="servicenames"> service names here</span></td> 
         <td><span class="servicecheck" data-href=""><input type="checkbox" id="servicecheck" name="servicecheck"> </td> 
        </tr> 

       </table> 

Answer 1

в вашем jsfiddle у вас есть следующий код

.... 
var newrow=$('#services .headings').clone().removeClass('headings'); 
for(var k=0;k<i.length;k++) 
{ 
    var disp = { 
     names: i[k], 
     checks: i[k] 
    } 
} 

func(newrow,disp).insertAfter('#services tr.headings').show(); 

.... 

function func(row,disp) 
{ 

    row.find('.servicenames').text(disp.names); 

    row.find('.servicecheck').data('href',disp.checks); 

    i+=1;//this you try change global array, this string need remove 
    return row; 

} 

внутри for петли у вас есть только заявление disp, так что вы звоните func только один раз, и вы когда-то создать новую строку. для решения этой проблемы необходимо изменить код, как этого

.... 
for(var k=0;k<i.length;k++) 
{ 
    var newrow=$('#services .headings').clone().removeClass('headings'); 
    var disp = { 
     names: i[k], 
     checks: i[k] 
    } 
    func(newrow,disp).insertAfter('#services tr.headings').show(); 
} 

.... 

function func(row,disp) 
{ 

    row.find('.servicenames').text(disp.names); 
    row.find('.servicecheck').data('href',disp.checks); 

    return row; 

} 

Answer 2

Попробуйте это,

var i=[10,20,30,40,50,60,70]; 

//$("#add").click(function(){ 
$(document).ready(function(){ 

// alert("ff"); 
var newrow=$('#services .headings').clone().removeClass('headings').css("display","block"); 
for(var k=0;k<i.length;k++) 

{ 
    var disp = { 

    names: i[k], 
    checks: i[k] 

} 

    $('#services tbody').append(func(newrow,disp).html()); 

} 



}); 


    function func(row,disp) 
    { 

    row.find('.servicenames').text(disp.names); 

    row.find('.servicecheck').data('href',disp.checks); 

    return row; 

    } 


$("#services").on("click", ".servicecheck",function(){  
    alert($(this).data('href')); 
}); 

Fiddle

Надеется, что это помогает