-1

我有一个带有一些复选框的表单，我想将其发布到页面 (data.php) 中，但我想使用带有 jquery 的 .load 函数将页面加载到我的页面内，以便我可以选中一个复选框，然后更新我的没有页面的查询必须重新加载。任何人都可以帮助处理 jquery 代码，因为我是 jquery 新手，无法计算出我需要的代码。任何帮助将非常感激。提前致谢。

更新：

我有以下 jquery 可以工作，但我有 2 个问题第一个是页面即时加载 data.php 有分页，当点击链接时它不返回任何结果，因为页面正在重新加载并返回默认值我也有 2将复选框分组，每个复选框都有一个具有相同 ID 名称等的提交按钮，顶部按钮提交表单加载页面中的数据，但由于某种原因，底部提交按钮加载实际的 data.php 页面，我不明白为什么。如果有人可以提供帮助或指出正确的方向，我将非常感激。谢谢

这是我的java脚本

  <script type="text/javascript">
$(document).ready(function() {  
$("#submit").click(function() {   
   var action = $("#criteria").attr('action');
   var form_data = $('#criteria').serialize(); 
        $.ajax({
        type: "POST",
        url: action,
        data: form_data,
        beforeSend:function(){
  $('#loader').html('<center><img src="/images/loading-big.gif" alt="Loading..." align="absmiddle"/> loading...</center>').fadeIn('fast');;
          },
   success: function(data){
        $('#exercise_list').html(data).fadeIn('slow');
        $("#loader").fadeOut('slow');
        }

    });     
    return false;
}); 
 return false;
});

 </script>
4

1 回答 1

0

这行得通。当您更了解 JQuery 时，您会发现可以找到其他一些方法

<div id="target" style="height:100px; width:100px; overflow: hidden"></div>
<input type="checkbox" id="chk1"/>
<input type="checkbox" id="chk2"/>


<script type="text/javascript">
$(document).ready(function() {
    $('input[type=checkbox]').click(function () {
        if($(this)[0].checked) {
            if($(this).attr("id") === "chk1") {
                $("#target").load("http://www.google.fr"); 
            } else {
                $("#target").load("www.google.en"); 
            }
        }
    });
});

您可以使用 ：

$('input[type=checkbox]').on('click', function () {

click 方法是一个快捷方式

于 2013-05-14T16:31:20.383 回答