如何使用 jQuery 在更改复选框时调用 html 页面？

Question

我希望在选中复选框时调用 html 页面。我尝试了以下 jQuery 代码，但它不起作用。我犯了什么错误？

 <script type="text/javascript">
        $('#my_checkbox').change(function() {
        alert('Handler for .change() called.');
        $.get("equation_section.html");
        });
</script>

这是我的复选框：

 <input class="checkbox" type="checkbox" name="my_checkbox" id="my_checkbox"/>

编辑

 $('#my_checkbox').change(function() {
if ($('#my_checkbox').attr("checked") == true) {
    alert('Handler for .change() called.');
        $('#my_checkbox').addClass('jQlightbox');
            $.get('equation_section.html', function(data) {
                 $('.equation_section').html(data);
        });
    }
 });

这是我编辑的代码。现在我收到警报框。并且页面也会加载到 div 中。如果我只想在模态窗口上显示 div 内容而不是上一页内容怎么办？请有人建议我。

Answer 1

您（可能）获得了该页面，但随后不对其进行任何操作。显然，您应该查看 jQuery.get() 页面 中的示例代码

此外，执行您是否意识到每次单击复选框时都会调用此函数？如果您想将“equation_section.html”页面加载到 div 中，您可以执行以下操作：

在页面中：

<div id="equation_section"></div>

Javascript：

<script type="text/javascript">
// on DOM load
$(function () {

  $('#my_checkbox').change(function() {
    alert('Handler for .change() called.');
    $.get('equation_section.html', function(data) {
      $('#equation_section').html(data);
    });
  });

});
</script>

如果您尝试将用户重定向到其他页面，您应该执行 location。 href = "equation_section.html";

Answer 2

您想要更改页面的位置吗？如果是这样，您可以使用 window.location = "equation_section.html"。否则你必须设置 DOM 元素的 html。

html

<div id="test_div"></div>

javascript

$("#test_div").load("equation_section.html");