Javascript 如何按值计算HTML无线电输入元素？

如何在下面的代码片段中计算具有“绿色”值的单选按钮

总参谋长
公司规划与计划办公室
采购与飞机管理
企业质量、安全与环境管理
公司秘书
内部审计

使用，

输入[value=“green”]

获取所有带有

的文件。queryselectoral（）

。它将生成一个数组，因此您可以读取它的

length

属性

更具体地说，您也可以将其与

[type=“radio”]

结合使用：

input[type="radio"][value="green"]

---

更新：

根据要求，要选择“仅选中”，请使用CSS

console.log（document.querySelectorAll（'input[value=“green”][type=“radio”]：checked'）.length）

总参谋长
公司规划与计划办公室
采购与飞机管理
企业质量、安全与环境管理
公司秘书
内部审计

使用，

输入[value=“green”]

获取所有带有

的文件。queryselectoral（）

。它将生成一个数组，因此您可以读取它的

length

属性

更具体地说，您也可以将其与

[type=“radio”]

结合使用：

input[type="radio"][value="green"]

---

更新：

根据要求，要选择“仅选中”，请使用CSS

console.log（document.querySelectorAll（'input[value=“green”][type=“radio”]：checked'）.length）

总参谋长
公司规划与计划办公室
采购与飞机管理
企业质量、安全与环境管理
公司秘书
内部审计

使用@wscourge提到的文档QuerySelector属性尝试此操作， 这将记录选定的绿色和红色收音机

window.addEventListener（“加载”，函数（）{
var radioOption=document.querySelectorAll（'input[type=radio][name^=“jabatan”]”）；
radioOption.forEach（功能（e）{
e、 addEventListener（“单击”，函数（）{
console.clear（）；
console.log（'Green:'+document.queryselectoral（'input[type=radio][value=“Green”]：checked'）.length+'\nRed:'+document.queryselectoral（'input[type=radio][value=“red”]：checked'）.length）；
});
});
});

总参谋长
公司规划与计划办公室
采购与飞机管理
企业质量、安全与环境管理
公司秘书
内部审计
函数green（i）{}
函数red（i）{}
使用@wscourge提到的文档QuerySelector属性尝试此操作，
这将记录选定的绿色和红色收音机


window.addEventListener（“加载”，函数（）{
var radioOption=document.querySelectorAll（'input[type=radio][name^=“jabatan”]”）；
radioOption.forEach（功能（e）{
e、 addEventListener（“单击”，函数（）{
console.clear（）；
console.log（'Green:'+document.queryselectoral（'input[type=radio][value=“Green”]：checked'）.length+'\nRed:'+document.queryselectoral（'input[type=radio][value=“red”]：checked'）.length）；
});
});
});

总参谋长
公司规划与计划办公室
采购与飞机管理
企业质量、安全与环境管理
公司秘书
内部审计
函数green（i）{}
函数red（i）{}
它起作用了，但如何只计算选定的数量？就像我只想选择几个绿色的，其余的都是重拨工作的，但是如何只计算所选的？我只想选择几个绿色的，其余的是红色的