Question

我有一个用于检查复选框的脚本，它在firefox和google chrome中运行良好，但它在IE 9中不起作用

    $notifyBySmsCheckbox
  .change(function(){
    if (this.checked) {console.log('checked');
      $('#f_notify_by_sms_instructions, #f_notify_by_sms_pin, #cellphoneInfo').show();
    }
    else {console.log('not checked');
      $('#f_notify_by_sms_instructions, #f_notify_by_sms_pin, #cellphoneInfo').hide();
    }
  })
  .change();

任何人都知道为什么这是??

Answer 1

..这很可能是因为IE没有控制台对象。尝试并删除console.log，你会没事的！

Answer 2

仅在定义时访问console：

  $notifyBySmsCheckbox.change(function() {   
    if (this.checked) {
      console && console.log('checked');
      $('#f_notify_by_sms_instructions, #f_notify_by_sms_pin, #cellphoneInfo').show();
    } else {
      console && console.log('not checked');
      $('#f_notify_by_sms_instructions, #f_notify_by_sms_pin, #cellphoneInfo').hide();
    }
  })

此外，您可以使用toggle来简化代码，如@epascarello所示：

  $notifyBySmsCheckbox.change(function() {
    console && console.log(this.checked ? "checked" : "not checked");
    $('#f_notify_by_sms_instructions, #f_notify_by_sms_pin, #cellphoneInfo').toggle(this.checked);
  });

Answer 3

...如果您在开放工具中开启工具，它将起作用，否则就不会。你需要支持8和7吗？ - 如果是这样的话，你会遇到onchange事件的问题。请改用onClick。

脚本在IE 9中不起作用

3 个答案: