jQuery Mobile系列之Checkboxes

<</CODE>form>

    <</CODE>label>

        <</CODE>input type="checkbox" name="checkbox-0 ">Check me

    </</CODE>label>

</</CODE>form>

checkbox要麼包裹在label裏面，或者如下

 <</CODE>form>

            <</CODE>input type="checkbox" name="checkbox-mini-0" id="checkbox-mini-0" class="custom" data-mini="true">

<</CODE>label for="checkbox-mini-0">I agree</</CODE>label>

        </</CODE>form>

label的for屬性爲對應的checkbox的id

其他的就類似Buttons了，data-mini = "true" data-role = "controlgroup"如下

<</CODE>form>

    <</CODE>fieldset data-role="controlgroup">

        <</CODE>legend>Vertical:</</CODE>legend>

        <</CODE>input type="checkbox" name="checkbox-v-2a" id="checkbox-v-2a">

        <</CODE>label for="checkbox-v-2a">One</</CODE>label>

        <</CODE>input type="checkbox" name="checkbox-v-2b" id="checkbox-v-2b">

        <</CODE>label for="checkbox-v-2b">Two</</CODE>label>

        <</CODE>input type="checkbox" name="checkbox-v-2c" id="checkbox-v-2c">

        <</CODE>label for="checkbox-v-2c">Three</</CODE>label>

    </</CODE>fieldset>

</</CODE>form>

data-iconpos = "right"

data-theme = "*"