jquery - 切换点击和加载事件的可见性

Question

我有一个表单，它应该根据单选按钮的值显示某些输入框的切换可见性。我想在点击期间和加载期间执行此操作。我想出了定义一个在两个事件上都被调用两次的函数。

我尝试使用on.('click load', function()...)，但这没有用。

有没有更漂亮的方法来做下面的事情？

$(function() {
  toggleQuestions($('.subscribe-how input'));       
  function toggleQuestions(e){
    $('.custom-questions').hide();      
    $('.custom-question-'+$(e).val()).show();       
  };
  $('.subscribe-how input').on('click', function(e){
    toggleQuestions(this);
  });   
});

Answer 1

我建议你这样做：

  function toggleQuestions(e){
    $('.custom-questions').hide();      
    $('.custom-question-'+e).show();        
  }
  $(function() {
    $('.subscribe-how :input').on('click', function(e){
      toggleQuestions(this.value);
    }).click(); 
  });

把函数放在外面，直接从点击事件回调函数传值。