需要javascript函数的数组输出

Need an Array Output from javascript function

本文关键字：数组 输出 函数 javascript 需要      更新时间：2023-10-14

检查这把小提琴对于所有正在运行的代码，我使用

我有一个阵列i=[10,20,30,40,50,60,70]

我得到的输出

CCD_ 2。

我需要所有的数组和它的复选框一起显示，这样我就可以检查我想要的任何数字，并检索检查的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)

上面Fiddle的代码在这里：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>

在您的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;  
}

试试这个，

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

希望它能帮助

相关文章：