jQuery绑定许多事件的动作

Question

非常简单的问题,但我找不到我应该在两个不同事件上执行函数的方式:加载页面时和复选框更改时.

现在,这就是我所拥有的.它可以工作,但它是supid因为不干:

<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>

Answer 1

将该代码分配给命名函数

$(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();
  }

}