ajax 调用复选框 Internet Explorer

Question

我在使用 Internet Explorer 和 Ajax 时遇到了这个小问题。 所以首先我只使用了 php，一切都工作了，但是因为我不想重新加载页面，所以我使用了 ajax。

所以我有一个带有复选框的表单。当有人单击该复选框时，我的 ajaex 会被调用，并且数据库中的输入会发生更改。在 Firefox 中没有问题，但在 Internet Explorer 中不起作用。

这是我的代码的一部分：

<script language="javascript" type="text/javascript">
function changefield($doss, $display){
    $.get("update.php",{dossier: $doss, CSQ_DISPLAY:$display});
    alert("test");
}
</script>


echo '<form id="'.$r ['BC_DOSSIER'].'" method="get" action="">
<input type="checkbox" name="CSQ_DISPLAY" '.$checked .' onchange="changefield(\''.$r ['BC_DOSSIER'].'\',this.checked)">
</form>'; 

似乎在资源管理器中，我仅在选中复选框时才会收到警报。 （问题是因为它首先读取数据库是否必须检查，因此您可以稍后更改它）。

有人知道我哪里错了吗？

预先非常感谢您的答复。

Answer 1

我更喜欢这样定义它，我讨厌在 HTML 中使用 onclick：

edit FIXED （注册为 change 而不是点击）
编辑 包裹在 $(document).ready()
编辑还添加了一个click事件

<?php
  echo '<input class="ajax_check" id="check_'.htmlspecialchars($r['BC_DOSSIER']).'" type="checkbox" name="CSQ_DISPLAY" '.$checked .' />';
?>
<script type="text/javascript">
  $(document).ready(function() {
    $('input.ajax_check').click(function() {
      this.blur();
    });
    $('input.ajax_check').change(function() {
      var dossierId = this.id.slice(6);
      var isChecked = (this.checked) ? 1 : 0; // better to explicitly convert bool to int for HTTP requests
      $.get('update.php',{
        dossier: dossierId,
        CSQ_DISPLAY: isChecked
      });
      alert('test');
    });
  });
</script>

这将将该处理程序注册到类名“ajax_check”的所有输入，而不会留下一个函数弄乱窗口对象，也不会弄乱你的 HTML。尝试一下，看看它是否解决了问题 - 它可能不是因为它基本上做同样的事情，但恕我直言，这是一种更好的方法。如果仍有问题，请回来找我，我们将进行调试。

请注意，使用这种方法时，

Answer 2

在您的代码中，后备函数值不会传递给 IE。

<input type="checkbox" name="CSQ_DISPLAY" '.$checked .' onchange="changefield(\''.$r ['BC_DOSSIER'].'\',this.checked)">

即）在上面的代码中 onchange="changefield(\''.$r ['BC_DOSSIER'].'\',this.checked)" this.checked 对 IE 不起作用，所以你可以传递 this 并获取值在四个功能中，这适用于所有浏览器。例如）像这样

<input type="checkbox" name="CSQ_DISPLAY" '.$checked .' onchange="changefield(\''.$r ['BC_DOSSIER'].'\',this)">

并获取函数内的选中属性。

我希望这会起作用。