將值更改爲選中的單選按鈕的值

我在頁面上有這些單選按鈕，並且有一個按鈕可以轉到下一頁。（稱爲'多爾卡恩'）。在下一頁中，我有這個h2，其ID爲「CatNaam」，我希望值[CATEGORIENAAM]被更改爲選中的單選按鈕的值。我該怎麼做？將值更改爲選中的單選按鈕的值

<div data-role="page" id="beoordelen" data-theme="a"> 

     <div data-role="header"> 
      <h1>Beoordelen</h1> 
      <a class="ui-btn-left" data-theme="a" data-rel="back">Vorige</a> 
     </div><!-- /header --> 

     <div data-role="content" data-theme="a">  
      <h2>Kies categorie</h2> 
      <form id="oordeelKeuze" method="get"> 
        <p>  
         <input type = "radio" name = "categorie-oordeel" id = "goedkoop-bier" value = "Goedkoop bier" checked = "checked" /> 
         <label for = "goedkoop-bier">Goedkoop bier</label> 
        </p><p>      
         <input type = "radio" name = "categorie-oordeel" id = "muziek" value = "Muziek" /> 
         <label for = "muziek">Muziek</label> 
        </p><p>  
         <input type = "radio" name = "categorie-oordeel" id = "gezelligheid" value = "Gezelligheid" /> 
         <label for = "gezelligheid">Gezelligheid</label> 
        </p> 
      </form> 
      <p><a href="#beoordelen2" data-direction="reverse" data-role="button" data-theme="b">Doorgaan</a></p> 

     </div><!-- /content --> 


    </div><!-- /beoordelen --> 

    <!-- Start of fifth page: #beoordelen2 --> 
    <div data-role="page" id="beoordelen2" data-theme="a"> 

     <div data-role="header"> 
      <h1>Beoordelen</h1> 
      <a class="ui-btn-left" data-theme="a" data-rel="back">Vorige</a> 
     </div><!-- /header --> 

     <div data-role="content" data-theme="a">  
      <h2>Geef cijfer voor</h2> 
      <h2 id="CatNaam">[CATEGORIENAAM]</h2> 
</div> 
</div>

來源

2012-12-04 wortle

您提供的HTML代碼，同時擁有在同一個頁面的div ..是相同的？ – bipen

是的，這是一個多頁面應用程序，就像這樣：http://jquerymobile.com/test/docs/pages/multipage-template.html – wortle

使用jQuery ..

給烏爾按鈕（Doorgaan）的ID ..

<p><a href="#beoordelen2" data-direction="reverse" data-role="button" data-theme="b" id="buttonID">Doorgaan</a></p> //buttonID in this case

和您的按鈕（多爾岡）上點擊添加此...

$('#buttonID').click(function(){ 
    var selectedRadio= $("input[type='radio'][name='categorie-oordeel']:checked").val(); 
    $('#CatNaam').text(selectedRadio); 
})

這裏是工作示例的小提琴..檢查出來

http://jsfiddle.net/F5brz/

來源

2012-12-04 07:49:56 bipen

Wooohooo！比朋友，你搖滾！我一直在盯着這一天，現在終於工作了！：d – wortle

如果你使用jQuery，你可以做這樣的：

var val = $('input[name="categorie-oordeel"]:checked').val(); 
$('#CatNaam').text(val);

來源

2012-12-04 07:46:37 dencey

謝謝。你是我的英雄。該值最終將更改爲選中的單選按鈕。我現在唯一的問題是，鏈接到下一頁的按鈕不保存被檢查的單選按鈕。所以我只看到默認選中的文本，在這種情況下是「Goedkoop bier」。你知道我如何得到新的檢查值保存？此時，該按鈕只是鏈接到下一頁。 Doorgaan – wortle

將值更改爲選中的單選按鈕的值

回答

相關問題