jQuery-帮助循环脚本

Question

我有一个脚本，需要重复12次。 下面是运行两次的脚本。 我不想重复十二次。 这是一个复选框onclick复选框。 有没有一种更简单的方法让我重复此操作，然后再复制并粘贴启用1到12。非常感谢您的帮助。 谢谢

$(document).ready(function($) {   
  $('.rowhid,.rowhid2').hide();
  $("input[name='enable']").click(function(){
    if ($(this).is(':checked')) {
      var remove = '';
      $('.rowhid').hide();
    } else if ($(this).not(':checked')) {
      $('.rowhid').show();
    }
  });
  $("input[name='enable2']").click(function(){
    if ($(this).is(':checked')) {
      var remove = '';
      $('.rowhid2').hide();
    } else if ($(this).not(':checked')) {
      $('.rowhid2').show();
    }
  });
});

Answer 1

考虑循环，考虑字符串串联：

例如（尽管不是您要找的100％）

$(document).ready(function($) {

    for (i=0;i<10;i++) {

        var elementId = '.rowhid'+i;

        $(elementId).hide();

        $("input[name='enable']").click(function(){
            if ($(this).is(':checked')) {
              var remove = '';
              $(elementId).hide();
            }
            else if ($(this).not(':checked')) {
              $(elementId).show();
            }
         });
    }
});

让读者完全按照自己的需要做练习...

Answer 2

如果将重命名.rowhid到.rowhid1 ，并enable以enable1 ，您可以用轻松地做到这一点for循环。 如下面的解决方案所示：

$(document).ready(function($) {   
$('.rowhid,.rowhid2').hide();

for (var i=1; i<=12; i++)

{   

    $("input[name='enable"+i+"']").click(function(){

    if ($(this).is(':checked')) {

        var remove = '';

        $('.rowhid'+i).hide();}

    else if ($(this).not(':checked')) {$('.rowhid'+i).show();}

    });  

}  


});

更好的选择：

对于没有for循环的更好解决方案，您可以查看以下问题的答案： jQuery根据其ID号选择div