jQuery Mobile系列之Checkboxes

最新推荐文章于 2022-11-01 17:30:13 发布

lanyanai

最新推荐文章于 2022-11-01 17:30:13 发布

阅读量524

点赞数

CC 4.0 BY-SA版权

分类专栏： html/css/javascript

本文链接：https://blog.youkuaiyun.com/lanyanai/article/details/12707637

21 篇文章

订阅专栏

本文介绍了HTML表单中Checkbox的使用方法，包括Checkbox与Label元素的配合使用、Checkbox的分组显示等，并展示了如何利用data-mini和data-role属性进行样式调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<</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 = "*"

jQuery&nbsp;Mobile系列之Checkboxes