首页 > 代码库 > 用css计算选中的复选框有几个
用css计算选中的复选框有几个
上代码:
<!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()插入计数器
用css计算选中的复选框有几个
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。