2011-11-22 47 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,我可以給你一個例子。