帶表格數據的Ajax複選框

我真的很困惑我是如何管理這些東西的。請看附件中的圖片。參見右側面板區域。帶表格數據的Ajax複選框

從第一個開始，軟件包名稱來自最後一頁;讓我們說page1.php。現在假設這個附加的圖像是page2.php.I能夠從左側抓取選定的複選框值，並在右側張貼。參見我檢查過的視頻複選框。我使用過jQuery。

問題1如果我刷新頁面值將消失，除了包值。我希望從右側面板的所有複選框的值無論用戶檢查，並將其張貼到page3.php進一步usage.I不認爲jquery會做。我用阿賈克斯後，但不能抓住下面的code.kindly值幫助他這一點。

圖片鏈接http://s7.postimage.org/3zbf1ucwb/image.jpg

function refreshPrices() { 

     var beg=<?php echo isset($beg) ? $beg : 0 ?>; 
     var inte=<?php echo isset($int) ? $int : 0 ?>; 
     var advn=<?php echo isset($adv) ? $adv : 0 ?>; 
     var currentTotalValue = 0; 
     currentTotalValue = currentTotalValue + beg + inte + advn; 
     $("#results div").each(function() { 
      if (!isNaN(parseInt($(this).find("span").text().substring(1)))) { 
       currentTotalValue += parseInt($(this).find("span").text().substring(1)); 
      } 
     }); 


     $("#totalValue").text("$" + currentTotalValue) 

    } 

    $(document).ready(function() { 

     $('#1').click(function() { 
      //var row = $(this); 
      if (($(this).attr('checked')) == 'checked') { 
       $('#result').append("-PDF Document <html><span style=float:right>$100</span></html>"); 
      } 
      else { 
       $('#result').text(""); 
      } 

      refreshPrices() 


     }); 

     $('#2').click(function() { 
      if (($(this).attr('checked')) == 'checked') { 
       $('#result2').append("-Video <html><span style=float:right>$200</span></html> "); 
      } 
      else { 
       $('#result2').text(""); 
      } 

      refreshPrices() 
     }); 
});

來源

2012-12-21 Creative Solution

$(this).attr('checked')返回true或false，而不是 '檢查'，所以你需要做的：

if ($(this).prop(':checked')) { --- }

或只是

if (this.checked) { 
    $('#result').append("-PDF Document <html><span style=float:right>$100</span></html>"); 
}

而且，你不應該只使用一個數字作爲ID，將其更改爲#a1等。 nd你意識到<html>標籤是文檔的開始和結束，並將它們附加到DOM中的元素看起來確實是一個好主意。

來源

2012-12-21 08:55:25 adeneo

聽起來不錯，但我的主要問題是如何獲取價值並將其發佈到page3.php –

很難讀懂這個問題，這只是一條長長的路線，而我仍然不確定我能得到它嗎？即使在加載新頁面後，您仍希望保留複選框的值，如果需要的話，您需要將值存儲在cookie或localstorage中，將它們添加爲查詢字符串，或者在服務器端執行類似的操作。 – adeneo

任何示例代碼 –

帶表格數據的Ajax複選框

回答

相關問題