1

ページにこれらのラジオ ボタンと、次のページに移動するためのボタンがあります。（「ドアガーン」と呼ばれます）。次のページでは、値 [CATEGORIENAAM] をチェックされたラジオ ボタンの値に変更する ID "CatNaam" を持つこの h2 があります。どうすればいいですか？

    <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>
4

2 に答える 2

1

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

ボタン（Doorgaan）をクリックすると、これが追加されます...

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

これがフィドルの実例です..チェックしてください

http://jsfiddle.net/F5brz/

于 2012-12-04T07:49:56.487 に答える
0

jQuery を使用する場合は、次のように実行できます。

var val = $('input[name="categorie-oordeel"]:checked').val();
$('#CatNaam').text(val);
于 2012-12-04T07:46:37.017 に答える