2013-05-14 21 views
-1

我有一個表單,其中有一些複選框要發佈到頁面(data.php)中,但我想使用.load頁面加載頁面函數與jquery,以便我可以檢查複選框,然後更新我的查詢,而不必重新加載頁面。任何人都可以幫助與jquery代碼,因爲我是新的jQuery,並不能解決我需要的代碼。任何幫助將非常感激。提前致謝。如何將複選框值傳遞到使用jquery的.load頁面

更新:

我有以下的jquery其工作,但我有2個問題,第一個是頁面加載IM具有data.php一個分頁並點擊鏈接時,因爲頁面是不返回任何結果重新加載並返回到默認值也我有2組複選框,每個都有一個提交按鈕,兩個都帶有相同的ID名稱ect,頂部按鈕提交表單加載頁面中的數據,但由於某種原因,底部提交按鈕加載實際數據。 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> 
+1

一個快捷方式,你能告訴什麼你試過的代碼,以便我們可以幫忙? http://www.whathaveyoutried.com – 2013-05-14 16:12:11

+1

StackOverflow不是定製的服務,您可以告訴社區您想要什麼,並且我們爲您開發代碼。證明你至少通過展示你迄今爲止編寫的代碼來做出努力,我們將幫助你理清哪些是錯誤的。 – 2013-05-14 16:15:36

回答

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() { 

點擊的方法是爲這個

+0

感謝代碼@mlwacosmos,但它似乎不適用於我,我更新了我的代碼以及我擁有的和我遇到的問題。謝謝 – 2013-05-15 07:27:26

+0

什麼是錯誤? – mlwacosmos 2013-05-15 16:11:35

+0

注意:http和其他url是假的當然...你必須從你的應用程序加載一些東西 – mlwacosmos 2013-05-15 16:12:40

相關問題