5

チェックボックスをグループ化する必要がありますが、2列にまとめます。下の画像では、2 つの異なるフィールドセットを作成しています。これはあまりセマンティックではないことはわかっていますが、実現したいレイアウトが表示されます。

ここに画像の説明を入力

これを行うための標準的なjQuery Mobileの方法はありますか?

チェックボックスが 1 つのセクションに属しているように見せたいです。左上の緑、左下のピンク、右下の青の丸みを帯びたコーダーを取り除くことができました。これには標準の CSS オーバーライドを使用する必要がありますか、それとももっとエレガントな方法がありますか? ありがとう

4

2 に答える 2

4

見たいと思いますLayout Grids：http://jquerymobile.com/test/docs/content/content-grids.html

<div class="ui-grid-a">
    <div class="ui-block-a">
             <label><input type="checkbox" name="checkbox-1" /> Any</label>
             <label><input type="checkbox" name="checkbox-1" /> Red </label>
        </div>
    <div class="ui-block-b">
             <label><input type="checkbox" name="checkbox-1" /> Green </label>
             <label><input type="checkbox" name="checkbox-1" /> Black </label>
        </div>
</div><!-- /grid-a -->

アップデート

あなたのコメントに基づいて、2 つの別々の列を 1 つにグループ化することはできませんfieldset。

フィールドセットのdata-role="controlgroup"はマージンとパディングを削除してグループ化された効果を与えますが、最終的には次のようなものになります: http://jsfiddle.net/shanabus/qNYPh/1/

ただし、1 つの親fieldsetと 2 つのネストされたグループ化されたフィールドセットで問題ない場合は、次のようなソリューションで終了できます: http://jsfiddle.net/shanabus/hcyfK/1/

于 2012-04-26T12:41:12.367 に答える