Javascript 运行一些代码的jQuery函数

我有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}
   });

var宽度=0；
$（'#checkbox1'）。更改（函数（）{
如果（$（this）.is（“：checked”））{
宽度+=5；
}
否则{
宽度-=5；
}
//这是我希望在单击任何复选框后运行的代码
如果（宽度25&&50&&75&&width您可以使用复选框的常规选择器
：复选框

$（'input:checkbox'）。更改（函数（）{
如果（$（this）.is（“：checked”））{
宽度+=5；
}
否则{
宽度-=5；
}
//这是我希望在单击任何复选框后运行的代码
如果（宽度25&&width 50&&width 75&&width您可以为特定复选框绑定两个事件侦听器更改，并单击所有复选框

因此，您的非重复代码仅在选定的checbox上显示

$('#checkbox1').change(function () {
    if ($(this).is(":checked")) {
        width += 5;
    }
    else {
        width -= 5;
    }
}

应用于所有复选框的重复代码

 $('input[type="checkbox"]').click(function() {
           //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}

    });

$（'input[type=“checkbox”]）。单击（函数（）{
//这是我希望在单击任何复选框后运行的代码
if（width 25&&width 50&&width 75&&width
“#checkbox1”
只针对其中一个。您能在整个代码中添加一个吗？谢谢您的回答。但我只想重复页面底部的四个“if”和“width+=5”或“width-=5”不是重复的。@user2781069每个复选框都需要这样做。我想这不是重复，谢谢你的回答。但我只想在页面底部重复四个“如果”，并且“宽度+=5”或“宽度-=5”不是重复的。你可以注册这两个事件，一个到特定的复选框，一个应用到任何复选框。我已经编辑了一个答案
 $('input[type="checkbox"]').click(function() {
           //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}

    });