动态调用类名称的JavaScript函数

我的目标是，当用户单击复选框时，它将统计有多少个选中的输入具有相同的

类名

。我试图将

var e

发送到计数函数中，但我不确定语法是否正确。当我在这里替换

e

时：

var n=$（'.e:checked'）.length使用类名，它正在工作。但我需要它是动态的

编辑问题：
如何在PHP中从控制台日志中获取var的值？

看法

您可以使用查询具有特定类和属性的选择器

试试这个：

function b() {
  var checkedInputs = document.querySelectorAll("input.your-class-name[type='checkbox']:checked");
  alert((checkedInputs.length === 1 ? "is" : "are") + " checked!");
}

删除
onclick=“b（this.className）”
。在全局级别定义
countChecked
。使用
$（“输入[type=checkbox]”）设置单击事件。在（“单击”，countChecked）。然后您可以在
countChecked
中使用
this.className
。它会很好用的。
看法

我已经为你的问题制作了一个工作片段@Victoria's Secret。注释在代码段本身中提到。看看这是否能解决你的问题


功能b（e）{
让totalChecked=0；//用0初始化变量；
$（“输入[type=checkbox]。”+e）.each（函数（）{//用类e检查每个复选框（e有类名）
//log（$（this））；
if（$（this）.is（“：checked”）{//检查checkboxed是否选中
totalChecked++；//每次递增
}
});
警报（`class${e}:${totalChecked}`）；
}


卡卡1
卡卡2
卡卡3



拉拉
lala2



jaja1
jaja2
将$（）的内部替换为字符串文字
$（'.e:checked'）
应该是
$（'.+e+':checked'）
为什么在
onclick
中使用的函数中附加一个点击事件？删除
onclick=“b（this.className）”
。在全局级别定义
countChecked
。使用
$（“输入[type=checkbox]”）设置单击事件。在（“单击”，countChecked）。然后您可以在
countChecked
中使用
this.className
。很好，谢谢。如何在PHP中从控制台日志中获取var的值？
function b() {
  var checkedInputs = document.querySelectorAll("input.your-class-name[type='checkbox']:checked");
  alert((checkedInputs.length === 1 ? "is" : "are") + " checked!");
}

<br>
<label>
    <input class="tuesdayMorBar" 
           type="checkbox"
           name="worker_name[]" 
           value="<?php echo $shift['fullname'];?>" />