javascript - 运行一些代码的 jQuery 函数

Question

我的页面中有 10 个复选框，我希望在选中任何复选框后运行一些代码。请看我的代码:

var width = 0;

    $('#checkbox1').change(function() {
       if($(this).is(":checked")) {
       width+=5;
       }
       else{
       width-=5;
       }
   //this is the code that i want it run after any of checkboxes clicked
   if (width <= 25){do something}
   if ( width > 25 && width <= 50){do something}
   if ( width > 50 &&  width <= 75){do something}
   if ( width > 75 && width <= 100){do something}
   });

有没有办法创建一个函数或其他东西来在每个复选框内运行这些代码并防止重复这些代码？

感谢您的回答。但我只想在页面底部重复四个“if”，并且“width+=5”或“width-=5”不重复。

Answer 1

您可以使用复选框的通用选择器 :checkbox refrence

$('input:checkbox').change(function() {
       if($(this).is(":checked")) {
       width+=5;
       }
       else{
       width-=5;
       }
   //this is the code that i want it run after any of checkboxes clicked
   if (width <= 25){do something}
   if ( width > 25 && width <= 50){do something}
   if ( width > 50 &&  width <= 75){do something}
   if ( width > 75 && width <= 100){do something}
   });