`

[JavaScript] 检测复选框选中的个数

阅读更多

 

<SCRIPT LANGUAGE="javascript"> 

<!-- Begin

function anyCheck(form) {

var total 
= 0;

var max 
= form.ckbox.length;

for (var idx = 0; idx < max; idx++) {

if (eval("document.playlist.ckbox[" + idx + "].checked"== true) {

total 
+= 1;

}

}

alert(
"你选择了 " + total + " 个选项.");

}

// End -->

</script>

<form method="post" name=playlist>

1<input type=checkbox name=ckbox>

2<input type=checkbox name=ckbox>

3<input type=checkbox name=ckbox>

4<input type=checkbox name=ckbox>

5<input type=checkbox name=ckbox>

6<input type=checkbox name=ckbox>

7<input type=checkbox name=ckbox>

8<input type=checkbox name=ckbox>

9<input type=checkbox name=ckbox>

<p><center><input type=button value="检测选择个数" onClick="anyCheck(this.form)">

</center></form>
分享到:
评论

相关推荐

    jquery统计用户选中的复选框的个数

    当这些复选框与jQuery结合时,我们可以通过JavaScript来动态控制和管理这些元素。 在上述的代码示例中,首先展示了基本的HTML结构,其中包含多个带有相同名称(name="check")的复选框,每个复选框都有一个对应的值...

    jquery统计复选框选中示例

    本文将详细解释如何使用jQuery统计复选框选中的个数。 首先,要获取选中的复选框,可以使用CSS选择器`input:checked`。这个选择器会匹配所有被选中的复选框。在jQuery中,你可以结合这个选择器与元素集合操作来获取...

    动态获取复选框checkbox选中个数的jquery代码[总结].pdf

    本文将深入探讨如何使用jQuery来动态获取复选框选中的个数。 jQuery 是一个强大的JavaScript库,它提供了简洁的API来操作DOM(文档对象模型),包括对表单元素如复选框的操作。在给定的例子中,开发者尝试通过绑定...

    使用php验证复选框有效性的示例

    在实际开发中,根据项目需求,可能需要扩展验证逻辑,包括但不限于:检查复选框的个数、验证复选框的值是否存在于预定义的列表中,以及确保用户至少选择一个选项等。了解如何正确地验证复选框的数据对于构建健壮的...

    js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析.docx

    本文将深入解析如何使用JavaScript(js)来限制用户在复选框(checkbox)中勾选的个数,以及如何在后端使用PHP来获取并处理多个复选框的值。 首先,我们来看JavaScript部分。在HTML中,我们通常会创建一系列的复选...

    js判断checkbox是否选中个数的方法(超简单)

    在网页开发中,经常需要对用户的选择进行处理,特别是当涉及到多选框(checkbox)时。`checkbox` 是HTML中的一个表单元素,允许用户在一组选项中选择多个选项。在JavaScript中,我们需要编写代码来判断这些`checkbox...

    程序天下:JavaScript实例自学手册

    10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个checkbox互斥问题 10.10 使用checkbox控制文本框 10.11 选中表格行前的复选框则行变色 10.12 用JavaScript生成面包屑导航 10.13 复选框...

    jquery一键控制checkbox全选、反选或全不选

    // 复选框长度和没选中的个数一样 -&gt; 全选 $('#box').children(':checkbox').prop('checked', true); } else { // 如果有选中个数, -&gt; 反选 $('#box').children(':checkbox').each(function(){ $(this).prop...

    《程序天下:JavaScript实例自学手册》光盘源码

    10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个checkbox互斥问题 10.10 使用checkbox控制文本框 10.11 选中表格行前的复选框则行变色 10.12 用JavaScript生成面包屑导航 10.13 复选框...

    关于checkbox选择个数限制

    在IT行业中,尤其是在前端开发领域,经常需要处理用户交互,比如限制用户在多选框(Checkbox)中选择的项目数量。这个场景广泛存在于各种表单和数据筛选功能中。本篇我们将深入探讨如何实现“关于checkbox选择个数...

    jquery 对table动态操作,以及多选反选功能

    使用`$('.selectBox').click(function() {...})`监听所有复选框的点击事件,根据当前复选框的状态(checked或unchecked)更新其他复选框的状态。 3. 全选/全不选: 添加一个全选按钮,通过`$('.selectAll').click...

    jQuery实现checkbox的简单操作

    - **显示已选中的值:** 如果已至少选择了一个复选框,通过`alert()`或`confirm()`函数弹窗显示用户选择的所有值以及选中的个数。 #### 示例代码解析 - HTML结构:复选框组包括一个全选复选框和一系列具体选项的复...

    jQuery实现表格与ckeckbox的全选与单选功能

    然后为所有行复选框绑定了点击事件,当任何一行复选框被改变时,判断所有行复选框的选中情况,并相应地设置全选复选框的选中状态。对于按钮的隐藏和显示逻辑,通过`toggleButtons`函数来判断表格内行的个数,并据此...

    Javascript的107则使用技巧大全

    与31条类似,`checked`属性用来检测复选框是否被选中。 #### 34. 获取下拉列表选项值:`document.forms[0].selectName.options[n].value` 通过访问下拉列表的`options`属性,可以获取列表中各选项的信息。 #### ...

    107条Javascript的常用语句

    检查复选框是否被选中: ```javascript let isChecked = document.forms[0].checkThis.checked; ``` ### 32. 获取单选按钮组的个数 获取单选按钮组的个数: ```javascript let radioGroupLength = document.forms[0...

    107个常用Javascript语句

    28. 复选框检查 - `element.checked`属性用于检查复选框是否被选中。 29. 单选按钮组 - `document.forms[0].groupName.length`获取同名单选按钮的个数,`element.checked`同样适用于单选按钮。 30. 下拉列表值 - `...

    js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析

    它遍历了所有名为 `course[]` 的复选框,如果某个复选框被选中,`checkedCount` 就会递增。当选择的课程数量超过指定限制(这里为3)时,会弹出警告消息,并阻止表单提交。 接下来,我们看看如何在PHP中获取这些复...

    json中文乱码

    #### 四、利用jQuery判断复选框checkbox选中的个数 ```javascript // 获取所有名为"number"的被选中的复选框的数量 var checkedCount = $("input[type=checkbox][name=number]:checked").length; console.log("选中...

Global site tag (gtag.js) - Google Analytics