用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()插入计数器

时间: 2024-11-07 21:09:22

用css计算选中的复选框有几个的相关文章

输出选中的复选框的个数(引自锋利的jQuery)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="generator" content="editplus" /> <title>输出选中的复选框的个数</title> <script src="jquery-1.7.1.min.js" typ

使用jquery获取被选中checkbox复选框的值

使用jquery获取被选中checkbox复选框的值:checkbox是重要的表单元素,在很多多项选择中使用,下面就通过代码实例介绍一下如何获取复选框中所有被选中项的值,希望能够给需要的朋友带来一定的帮助.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.

jQuery分别获取选中的复选框值

function jqchk(){  //jquery获取复选框值   var s='';   $('input[name="aihao"]:checked').each(function(){     s+=$(this).val()+',';   }); 点击“提交”后,可以得到正确的选择值了,但是后面多一个,(英文逗号),这个可以检测一下再用substring去除,或者获取到复选框选择值后一般都要转成数组再使用的,所以也可以在转成数组后,去除最后一个数组元素. if (s.len

将选中的复选框的信息返回给用户的方法

/// <summary> /// 自定义方法,获得复选框中选中的值,用指定的分隔符隔开 /// </summary> /// <param name="split">分隔符</param> /// <param name="chk">复选框名称</param> /// <returns>返回复选框中选中的值</returns> string GetCheckBoxIte

选中没有选中的复选框,匹配含有某个字符串的正则,json取值的两种方法,把变量定义在外面跟里面的区别

一.筛选没有选中的复选框:not("input:checked") 二.匹配有VARCHAR的字符串:".*VARCHAR.*?" 三.json取值的两种方法 var data={ "show_in_list": 1, "enums": [ { "value": "B2B", "key": "1" }, { "value": &

将DataGridView每一行的复选框选中,将DataGridView选中的复选框删除

1,将DataGridView每一行的复选框选中 //DataGridView的行大于0行 if (dgv_MessageList.Rows.Count > 0)            {                for (int i = 0; i < dgv_MessageList.Rows.Count; i++) //循环DataGridView每一行                {                    if (checkBox1.Checked)  //如果选中

JS获取选中的复选框的值

得到选中name为checkboxName的复选框的元素 $('input:checkbox[name=checkboxName]:checked').each(function () { var idAndStatus = $(this).val(); ; });

web前端html实例-点击相文字选中和取消选中checkbox复选框

checkbox复选框大家应该不会陌生,点击此元素可以实现选中或者取消效果. 下面介绍一种更为人性化的措施,点击指定相关内容即可以实现选中和取消选中效果. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" />

ztree点击节点实现选中/取消复选框

效果 代码 在js中初始化tree时 设置复选框操作只影响子节点 复选框事件,想怎么处理就怎么处理 原文地址:https://www.cnblogs.com/xiaostudy/p/10886412.html