Javascript jQuery在许多事件上绑定操作

这是一个非常棘手的问题，但我无法找到在两个不同事件上执行函数的方法：加载页面时和更改复选框时

现在，这就是我所拥有的。它可以工作，但因为不干燥，所以是超高的：

<script>

$(document).ready(function(){

    if ($("#visit_mode").prop('checked')){
      $("#cart_div").hide();
      $("#visit_div").show();
    }
    if ($("#cart_mode").prop('checked')){
      $("#visit_div").hide();
      $("#cart_div").show();
    }

  });

$(".checkbox").change(function() {

  if ($("#visit_mode").prop('checked')){
    $("#cart_div").hide();
    $("#visit_div").show();
  }
  if ($("#cart_mode").prop('checked')){
    $("#visit_div").hide();
    $("#cart_div").show();
  }

});

</script>

$（文档）.ready（函数（）{
if（$（“#访问模式”）.prop（'checked'））{
$（“#cart_div”）.hide（）；
$（“#访问分区”）.show（）；
}
if（$（“#购物车模式”）.prop（'checked'））{
$（“#访问分区”）.hide（）；
$（“#cart_div”）.show（）；
}
});
$（“.checkbox”）.change（函数（）{
if（$（“#访问模式”）.prop（'checked'））{
$（“#cart_div”）.hide（）；
$（“#访问分区”）.show（）；
}
if（$（“#购物车模式”）.prop（'checked'））{
$（“#访问分区”）.hide（）；
$（“#cart_div”）.show（）；
}
});

将该代码分配给命名函数

将该代码分配给命名函数

---

@DavidD.，很高兴它起到了作用：）先生，我是否应该理解，这只是一个更优雅/轻量级的解决方案，OP和answer之间的内部行为是相同的？我是一个试图理解的初学者more@whitelettersinblankpapers，整体行为是相同的。改变的东西在语义上比在内部更重要。在内部，执行的代码基本相同。在语义上，我们将相似的代码分组为一个place@AmmarCSE，谢谢你分享的所有知识usual@DavidD.，很高兴有帮助：）先生，我是否应该理解，这只是一个更优雅/轻量级的解决方案，OP和answer之间的内部行为是相同的？我是一个试图理解的初学者more@whitelettersinblankpapers，整体行为是相同的。改变的东西在语义上比在内部更重要。在内部，执行的代码基本相同。在语义上，我们将相似的代码分组为一个place@AmmarCSE，感谢您一如既往地分享所有知识

$(document).ready(namedFunction);

$(".checkbox").change(namedFunction);

function namedFunction(){
  if ($("#visit_mode").prop('checked')){
    $("#cart_div").hide();
    $("#visit_div").show();
  }
  if ($("#cart_mode").prop('checked')){
    $("#visit_div").hide();
    $("#cart_div").show();
  }

}