0

ユーザーがタブ メニューにアクセスするたびに、ラジオ ボタンのリストを更新しようとしています。初回訪問のスタイリングは問題ありませんが、チェックボックスのように動作しており、他のラジオ ボタンがクリックされたときにチェックを外すことができません。

メソッドを入れようとしましrefresh();たが、まだ機能しません。

JSFIDDLEでデモを見ることができます

なにか提案を？そしてありがとうございました。

$('.export_tab').click(function(){
    $("#radios_wrapper").children().remove(); //Remove all previous radio buttons
    for(var i in localStorage) //Looping through the localStorage
        {
            dataIndex = JSON.parse(localStorage[i]).index;
            dataName = JSON.parse(localStorage[i]).name;
                    //Then insert a new one
            $("#radios_wrapper").append('<input type="radio" value="'+dataIndex+'" name="'+dataIndex+'" id="radio'+dataIndex+'"/><label for="radio'+dataIndex+'">'+dataName+'</label>');
        }
});

そして、これがHTMLです

<div data-role="fieldcontain">
     <fieldset data-role="controlgroup" id='radios_wrapper'>

     </fieldset>
</div>
4

1 に答える 1

0

ラジオボタンは、グループになるために同じ名前が必要です。そう：

'<input type="radio" value="'+dataIndex+'" name="'+dataIndex+'"/>'

は正しい方法ではありません。名前は、グループ化するすべての無線で同じにする必要があります。そのはず：

'<input type="radio" value="'+dataIndex+'" name="allTheSame"/>'

これがFiddleの更新です。

jQuery に再描画を指示するには、 のようなトリガー関数を使用します.append('whatever').trigger('create')。http://jquerymobiledictionary.pl/faq.html . フィドルを更新しました。

于 2013-03-14T05:06:33.717 に答える