用css计算选中的复选框有几个
2016-09-30 11:10 改吧 阅读(429) 评论(0) 编辑 收藏 举报上代码:
<!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title>计数</title> <style type="text/css"> body{ counter-reset: fruit; } input:checked{ counter-increment:fruit; } .total:after{ content:counter(fruit); } </style> </head> <body> <input type="checkbox" name='fruit'>水果 <input type="checkbox" name='fruit'>水果 <input type="checkbox" name='fruit'>水果 <input type="checkbox" name='fruit'>水果 <input type="checkbox" name='fruit'>水果 <input type="checkbox" name='fruit'>水果 <input type="checkbox" name='fruit'>水果 <input type="checkbox" name='fruit'>水果 <input type="checkbox" name='fruit'>水果 <p class='total'></p> </body> </html>
counter-reset 属性设置某个选择器出现次数的计数器的值。默认为 0。
counter-increment 属性设置某个选取器每次出现的计数器增量。默认增量是 1。
counter()插入计数器
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步