使用css来计数选中的多选框数

最新推荐文章于 2019-09-06 16:39:48 发布

小白盐

最新推荐文章于 2019-09-06 16:39:48 发布

阅读量311

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/yooellie/article/details/79384654

版权

css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

使用css来计数选中的多选框数

css

.choose{
    counter-reset: checkNo;
}
.choose input:checked{
    counter-increment: checkNo;
}
.count:before{
    content: counter(checkNo);
}

html

<div class="choose">
    <label><input type="checkbox"/>111</label>
    <label><input type="checkbox"/>111</label>
    <label><input type="checkbox"/>111</label>
    <label><input type="checkbox"/>111</label>
    <label><input type="checkbox"/>111</label>
    <label><input type="checkbox"/>111</label>
    <p class="count"></p>
</div>