2011-11-22 48 views
1

我有这些元素 - [.myCheckBox1, .myCheckBox2, ...]
这些元素 - [.myCheckBoxList1, .myCheckBoxList2, ...]
如何使代码可插拔的,所以我不必重复散装?jQuery的 - 使这个功能可重复使用的

理想我想有下面是什么

[FUNCTION] 

$('.myCheckBox1, .myCheckBox2, etc').[FUNCTION] 

$('.myCheckBoxList1, .myCheckBoxList2, etc').[FUNCTION] 

代码是我想改变什么:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".myCheckBox1").click(function() { 
      $(".myCheckBoxList1").change(); 
     }); 
     $(".myCheckBoxList1").change(function() { 
      var moneys = 0; 
      $(this).find(":checked").each(function() { 
       moneys += parseInt($(this).attr('value')); 
      }); 
      $('.OMG').html(moneys.toString()); 
     }); 
    }); 
</script> 
+3

你应该给这些元素一个普通的类......给它们看起来像ID的类似乎没有意义。 –

回答

1

你可以做一个jquery plugin,或者你可以使用相同的类所有复选框(.myCheckBox)和所有复选框列表的相同类别(.myChecBoxList)。如果你发布你的html,我可以给你一个例子。