0

ページにこれらのチェックボックスがあり、別のページにも同じチェックボックスがあります。

            <div data-role="content" data-theme="a">    
        <h2>Kies categorieen</h2>
        <div data-role="fieldcontain">
            <fieldset data-role="controlgroup">
                <input type="checkbox" name="categorie-kijk" id="goedkoop-bier-kijk" class="custom" />
                <label for="goedkoop-bier-kijk">Goedkoop bier</label>
                <input type="checkbox" name="categorie-kijk" id="muziek-kijk" class="custom" />
                <label for="muziek-kijk">Muziek</label>
                <input type="checkbox" name="categorie-kijk" id="gezelligheid-kijk" class="custom" />
                <label for="gezelligheid-kijk">Gezelligheid</label>
            </fieldset>
        </div>
        <p><a href="#bekijken2" data-direction="reverse" data-role="button" data-theme="b">Toon</a></p> 

    </div>

ここで、下のページのチェック済みの値を保存して、上のページの値に影響を与えたいと考えています。ユーザーが下の「Opslaan」ボタンをクリックすると、チェックされているチェックボックスが保存され、上のページにのみ表示されます。たとえば、ID「gezelligheid-fav」のチェックボックスのみがチェックされて保存された場合、上記のページには「gezelligheid-kijk」チェックボックスのみが表示されます。

    <div data-role="content" data-theme="d">    
        <h2>Selecteer favorieten</h2>   
        <div data-role="fieldcontain">
            <fieldset data-role="controlgroup">
                <input type="checkbox" name="categorie-fav" id="goedkoop-bier-fav" class="custom" />
                <label for="goedkoop-bier-fav">Goedkoop bier</label>
                <input type="checkbox" name="categorie-fav" id="muziek-fav" class="custom" />
                <label for="muziek-fav">Muziek</label>
                <input type="checkbox" name="categorie-fav" id="gezelligheid-fav" class="custom" />
                <label for="gezelligheid-fav">Gezelligheid</label>
            </fieldset>
        </div>
        <p><a href="#instellingen" data-role="button" data-inline="true" data-icon="back">Opslaan</a></p>   
    </div>

誰も私がこれを行う方法を知っていますか?

4

1 に答える 1

1

2 つのグループが同じ数のチェックボックスを同じ順序で持っていると仮定すると、jQuery を使用して、「Opslaan」ボタンのクリック イベントをこのハンドラーにバインドします。

function() {
    var cbxs1 = $('input[name="categorie-fav"]'),
        cbxs2 = $('input[name="categorie-kijk"]');
    cbxs1.each(function(index) {
        cbxs2[index].checked = this.checked;
    });
}
于 2012-12-04T08:14:25.623 に答える