如何從一個html頁面獲取單選按鈕的值到另一個？

我嘗試獲取位於第一個html頁面上的底部粘貼html代碼的值。我有另一個html頁面，應該用「onclick」按鈕生成。更準確地說，代碼應該在下一頁中創建按鈕。如何從一個html頁面獲取單選按鈕的值到另一個？

案例1：無線電選擇-1被選中 - 它應該創建4個按鈕。

情況2：選擇無線電選擇-2 - 它應該創建4或9個按鈕。

案例3：選擇radio-choice-3 - 它應該創建9或16個按鈕。

案例4：無線電選擇-4被選中 - 它應該創建16個按鈕。

我不知道如何獲得所選單選按鈕的值，然後在另一頁上生成按鈕。

我其實有一點腳本（game.js）：

$(document).ready(function(){ 
    $('#radio-button-value').click(function(){ 
     $("input[name='radio-button-gruppe']:checked".val()); 
    }); 
});

第一個HTML頁面

 <html> 
    <head> 
     <meta charset="utf-8" /> 
     <title>newgame</title> 

     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> 

    <!-- Einstellungen zur Defintion als WebApp --> 
    <meta name="apple-mobile-web-app-capable" content="yes" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

    <script src="game.js"></script> 
    </head> 
    <body> 


    <div data-role="main" class="ui-content"> 
    <form> 
    <fieldset data-role="controlgroup"> 
    <legend>Choose a mode:</legend> 
    <input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1" checked="checked"> 
    <label for="radio-choice-1">easy</label> 

    <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2"> 
    <label for="radio-choice-2">medium</label> 

    <input type="radio" name="radio-choice" id="radio-choice-3" value="choice-3"> 
    <label for="radio-choice-3">difficult</label> 

    <input type="radio" name="radio-choice" id="radio-choice-4" value="choice-4"> 
    <label for="radio-choice-4">hard</label> 
</fieldset> 
<input type="button" id="radio-button-value" name="game" value="create game" class="button" data-theme="b"/> 
</form> 





    </div> 

    <div data-role="footer"> 

    </div> 
</div> 
    </body> 
</html>

來源

2014-09-02 dargudaka

使用cookies爲以下問題建議。這就是餅乾的用途。存儲一些數據。 – Tasos 2014-09-03 05:20:41

我不知道你要找什麼樣的解決方案。但是如果你不想使用更深層次的東西，比如php中的$ _SESSION變量，那麼你可能在尋找類似於cookies的東西。 Here是一個很棒的餅乾網頁。

還可以從htmlgoodies.com上查看this關於變量傳遞javascript的一些其他想法的教程。

如果你還沒有使用cookies，你可以使用你已有的東西，只需要清理一下jquery。

$(document).ready(function(){ 
    $('#radio-button-value').click(function(){ 
     var difficulty = $("input[name='radio-choice']:checked").val(); 
     document.cookie = "gameDifficulty=" + difficulty + ";path=/"; 
    }); 
});

見fiddle

來源

2014-09-02 20:11:34 bowheart

感謝哥們，多數民衆贊成什麼林搜索:) – dargudaka 2014-09-03 14:43:30

當我在一個會話在PHP中，我怎麼能設置的價值，以後得到的價值？ – dargudaka 2014-09-03 15:22:11

如何從一個html頁面獲取單選按鈕的值到另一個？

回答

相關問題