0

タブレット (キーボードドック付き) の矢印キーを使用してラジオボタンを選択する際に問題があります。通常のボタンの場合、選択は機能しますが、ラジオボタンの場合は機能しません。

<body>      
    <div data-role="page" data-theme="a">
        <div id="type_selection" data-role="controlgroup" data-type="horizontal">
            <input type="radio" id="radio_option1" name="radio" checked="checked" /><label for="radio_option1">Option 1</label>
            <input type="radio" id="radio_option2" name="radio" /><label for="radio_option2">Option 2</label>
            <input type="radio" id="radio_option3" name="radio" /><label for="radio_option3">Option 3</label>
            <input type="radio" id="radio_option4" name="radio" /><label for="radio_option4">Option 4</label>
        </div>
    </div>  
</body>

キーボードで通常のボタンを選択しても問題ありません。

<button id="btn_dothat" data-inline="true">That</button>

とにかくこれを修正するには、またはこれは jQuery Mobile の制限ですか?

4

1 に答える 1

0

checkboxradio("refresh")ラジオボタンの更新に使用

アップデート：

divforcontrol groupを使用するのではなく、fieldset

<fieldset id="type_selection" data-role="controlgroup" data-type="horizontal">
    <input type="radio" id="radio_option1" name="radio" checked="checked" />
    <label for="radio_option1">Option 1</label>
    <input type="radio" id="radio_option2" name="radio" />
    <label for="radio_option2">Option 2</label>
    <input type="radio" id="radio_option3" name="radio" />
    <label for="radio_option3">Option 3</label>
    <input type="radio" id="radio_option4" name="radio" />
    <label for="radio_option4">Option 4</label>
</fieldset>
于 2012-08-15T10:40:06.787 に答える