js怎么取得name=checkbox[]的复选框选中个数

Posted 2023-05-04

假如有三个复选框
＜input type="checkbox" name="cb[]"＞
＜input type="checkbox" name="cb[]"＞
＜input type="checkbox" name="cb[]"＞
这样用js怎么判断几个被选上？
＜input type="checkbox" name="cb"＞这种形式的我已经会

1、获取复选框被选中值

<input type="button" id="btn5" value="获得选中的所有值">
<input type="text" name="dd" id="dd" size="50" />

$("#btn5").click(function()
var str="";
$("[name='checkbox'][checked]").each(function()
str+=$(this).val()+",";
)
$("#dd").val(str)
)

JQuery获取被选中复选框checkbox的个数
通过jQuery获取checkbox选中项的个数，需要用到jQuery的size()方法或length属性，下面的例子是通过length属性获得checkbox选中项的个数

<ul>

<li><input type="checkbox" name="test" />看电视</li>

<li><input type="checkbox" name="test" />看电影</li>

<li><input type="checkbox" name="test" />上网</li> 

<li><input type="checkbox" name="test" />爬山</li>

<li><input type="checkbox" name="test" />游乐场</li> 

<li><input type="checkbox" name="test" />逛街</li>

<li><input type="checkbox" name="test" />聚会</li>

</ul>

<p>

<input type="button" id="count" value="有多少CheckBox被选中了？" />

<script type="text/javascript">

$(document).ready(function()  

$('input[type=checkbox]').click(function() 

$(this).attr('disabled','disabled');   

if($("input[name='test']:checked").length >= 3) 

$("input[name='test']").attr('disabled','disabled'););  

$("#count").click(function()$('input').live('click',function()       

alert($('input:checked').length);   

);))

</script>

效果如图:

扩展资料：

JS日常用途

嵌入动态文本于html页面。

对浏览器事件做出响应。

读写HTML元素。 

在数据被提交到服务器之前验证数据。

检测访客的浏览器信息。

控制cookies，包括创建和修改等。

基于Node.js技术进行服务器端编程。

参考技术A

var inputs = document.getElementsByName("cb[]");

var checked_counts = 0;

for(var i=0;i<inputs.length;i++)

if(inputs[i].checked)

checked_counts++;

alert(checked_counts);

扩展资料：

JS的使用方法

1.JS中的字符与字符相连接使用+号. 

2.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<= 

3.JS中声明变量使用:var来进行声明 

4.JS中的判断语句结构:if(condition)else 

5.JS中的循环结构:for([initial expression];[condition];[upadte expression]) inside loop 

6.循环中止的命令是:break 

7.JS中的函数定义:function functionName([parameter],...)statement[s] 

8.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替. 

9.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self 

10.状态栏的设置:window.status="字符"; 

11.JS中的取字符串长度是:(length) 

参考技术B

思路：根据name值获取复选框对象→循环判断复选框的checked属性（true表示选中，false为未选中）→计数。实例演示如下：

1、HTML结构

<input type="checkbox" name="checkbox[]" value="1"> 选项1
<input type="checkbox" name="checkbox[]" value="2"> 选项2
<input type="checkbox" name="checkbox[]" value="3"> 选项3<br>
<input type="checkbox" name="checkbox[]" value="4"> 选项4
<input type="checkbox" name="checkbox[]" value="5"> 选项5
<input type="checkbox" name="checkbox[]" value="6"> 选项6<br>
<input type='button' value='确定' onclick="fun()"/>

2、javascript代码

function fun()
var checks = document.getElementsByName("checkbox[]");
n = 0;
for(i=0;i<checks.length;i++)
if(checks[i].checked)
n++;

alert("选中项目数为："+n);

3、效果演示

参考技术C var inputs = document.getElementsByName("cb[]");

var checked_counts = 0;

for(var i=0;i<inputs.length;i++)
if(inputs[i].checked)
checked_counts++;



alert(checked_counts);本回答被提问者采纳 参考技术D var cbs = form.elements['cb[]'];
//遍历...

JS中获取页面单选框radio和复选框checkbox中当前选中的值

单选框：单选框的name值全部相同

             页面有一组单选框的元素<td><input type="radio name="radioid">满意</td>  <td><input type="radio" name="radioid">基本满意</td>  

              var radio=document.getElementsByName("radio");

              var selectvalue=null;   //  selectvalue为radio中选中的值

             for(int i=0;i<radio.length;i++){

                    if(radio[i].checked==true) {

                             selectvalue=radio[i].value;

                             break;

                   }

            }

多选框：

               页面有一组单选框的元素<td><input type="checkbox" name="radioid">满意</td>  <td><input type="radio" name="radioid">基本满意</td>  

              var radio=document.getElementByName("radio");

              var selectvalue=new Array();   //  selectvalue为radio中选中的值

              for(int i=0;i<radio.length;i++){

                    if(radio[i].checked==true) {

                             selectvalue.push(radio[i].value);

                    }

             }

           或者

         

            var radio=document.getElementByName("radio");

              var selectvalue="";   //  selectvalue为radio中选中的值

             for(int i=0;i<radio.length;i++){

                    if(radio[i].checked==true) {

                             selectvalue=selectvalue+radio[i].value+","; 

                   }

            }