title: jquery/ I want to make my code more clear by using for-loop
body: <p>I'm a newbie in this service. While I do coding, I have a question. But I can't find any page to solve my problem...</p>
  
  <p>I want to below code to more clear by using a for-loop.
  What can I do for this?</p>
  
  <pre><code>$('.special1').on("click",'.chkbutton1',function() {
      $('.special1').toggleClass('effect-oscar effect-oscar-second');
  });
  $('.special2').on("click",'.chkbutton2',function() {
      $('.special2').toggleClass('effect-oscar effect-oscar-second');
  });
  $('.special3').on("click",'.chkbutton3',function() {
      $('.special3').toggleClass('effect-oscar effect-oscar-second');
  });
  
  &lt;&lt;omitted&gt;&gt;
  
  $('.special11').on("click",'.chkbutton11',function() {
      $('.special11').toggleClass('effect-oscar effect-oscar-second');
  });
  
  $('.special12').on("click",'.chkbutton12',function() {
      $('.special12').toggleClass('effect-oscar effect-oscar-second');
  });*/
  </code></pre>