CSS实现checkbox计数

效果:

计数前:

计数后:

代码:

html:

你选择了个城市

css:

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

你可能感兴趣的:(CSS实现checkbox计数)