`

(转)判断checkbox是否被选中,判定选中的个数!

 
阅读更多

一般,我们对前台的checkbox进行处理。

要考虑一是,单个checkbox的处理

这个就比较简单了,

例如

<input type="checkbox" id="ck" onclick="coutck();" value="1">1

我们来用js进行处理

<script type="text/javascript">

function coutck(){

if(document.getElementsById(ck).checked){

alert(document.getElementsById(ck).value);

}

}

</script>

如果checkbox是个数组,而且我们要判断checkbox选中的个数的时候,我们可以进行如下处理

<script type="text/javascript">
function form1(){
var x=document.getElementsByName("ke[]");
var m=0;
var n=false;
for(var i=0;i<x.length;i++){
if(x[i].checked){
n=true;
m++;

}

}
if(!n){
alert("至少选择一个啊");
}
if(m>5){
alert("选这么多干吗");
}


}
</script>
<body>
<form action="#" method="POST" onsubmit="return form1();">
<div>
<input type="checkbox" id="kee" name="ke[]" value="1">11111
<input type="checkbox" id="kee" name="ke[]" value="2">22222
<input type="checkbox" id="kee" name="ke[]" value="3">33333
<input type="checkbox" id="kee" name="ke[]" value="4">44444
<input type="checkbox" id="kee" name="ke[]" value="5">55555
<input type="checkbox" id="kee" name="ke[]" value="6">66666
<input type="checkbox" id="kee" name="ke[]" value="7">77777
<input type="checkbox" id="kee" name="ke[]" value="8">88888
<input type="checkbox" id="kee" name="ke[]" value="9">99999
</div>
<div><input type="submit" value="发布"></div>
</form>

分享到:
评论

相关推荐

    循环动态判断checkbox是否被选中

    ### 循环动态判断Checkbox是否被选中 在ASP.NET Web应用程序开发中,尤其是在使用C#作为后端语言时,动态地判断一个或多个`Checkbox`控件的状态是非常常见的需求。这种需求通常出现在表单验证、用户选项设置等功能...

    使用js判断checkbox是否被选中

    js的一些功能,通过js对checkbox的操作,对select标签的操作

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    JS判断单个checkbox是否被选中

    本文将深入探讨如何使用JavaScript来判断单个checkbox是否被选中。 首先,我们需要了解HTML中的`&lt;input&gt;`标签,它是用来创建复选框的。一个基本的复选框HTML代码如下: ```html &lt;input type="checkbox" id=...

    checkBox分别处理选中与不选中

    ### checkBox分别处理选中与不选中 在Web开发中,`checkbox`是一种常见的表单元素,用于收集用户的选择信息。通常情况下,一个`checkbox`只能代表一项选择,但可以通过设置多个`checkbox`来实现多选功能。本文将...

    checkbox多项选中及取消选中

    本教程将深入探讨如何实现 `checkbox` 的多项选中与取消选中的功能,以及相关的 `attr` 和 `prop` 属性在其中的作用。 1. **Checkbox基本概念**: `checkbox` 是HTML中的一个输入类型,其标签为 `&lt;input type="...

    android中CheckBox加载自定义选中与未选中图片样式

    在Android开发中,CheckBox是一个常用的UI组件,用于提供两种状态的选择:选中和未选中。默认情况下,CheckBox的选中和未选中状态的图标是系统提供的,但有时为了满足应用的个性化需求,我们需要自定义这些图片样式...

    解决ListView嵌套CheckBox滑动时选中状态错乱

    然而,当ListView内部嵌套CheckBox等可交互组件时,常常会遇到一些问题,特别是滑动过程中选中状态错乱的现象。这个问题主要是由于ListView的复用机制导致的,即ListView在滚动时会复用已滑出屏幕的列表项,如果不...

    JS判断是否选中checkbox

    **标题和描述**都是“JS判断是否选中checkbox”,这表明文章的主要目的是介绍如何使用JavaScript来检查一个或多个`checkbox`元素的状态(即是否被选中)。下面将详细介绍几种实现这一功能的方法,并对其进行深入解析...

    js 判断checkbox是否选中的实现代码

    本文将详细介绍如何使用JavaScript来判断checkbox是否被选中,并提供相应的实现代码。 首先,为了判断一个checkbox是否被选中,我们通常会检查该元素的checked属性。这个属性是一个布尔值,当checkbox被选中时其值...

    C#中获取CheckBox选中值(多选)

    当一个CheckBox被选中时,它的`Checked`属性变为`true`;反之,则为`false`。 ### 二、遍历查找选中的CheckBox 为了获取所有选中CheckBox的值,我们通常会遍历包含这些CheckBox的容器控件(如Panel、GroupBox等)...

    遍历CheckBoxList,获得选中项的值动态绑定CheckBoxList代码

    ### 遍历CheckBoxList,获得选中项的值动态绑定CheckBoxList #### 知识点一:CheckBoxList概述及应用场景 **CheckBoxList** 是ASP.NET Web Forms中一个非常有用的控件,它允许用户选择一个或多个选项。CheckBoxList...

    checkbox选中与未选中判断示例

    本文将深入探讨如何判断 `checkbox` 是否被选中,并提供一个具体的示例代码来帮助理解这一过程。 `checkbox` 的状态通常有两个:选中(checked)和未选中(unchecked)。在JavaScript中,我们可以通过 `checked` ...

    jQuery如何判断checkbox(复选框)是否被选中

    在探讨如何使用jQuery判断复选框(checkbox)是否被选中的过程中,我们首先需要理解复选框的基本属性以及jQuery操作DOM元素的方式。复选框在HTML中被定义为`&lt;input type="checkbox"&gt;`,当它被选中时,其`checked`属性...

    CheckBox多选取值及判断CheckBox选中是否为空的实例

    实例如下: var chk_value = [];//定义一个数组 //name是CheckBox的name属性定义的名称 ...以上这篇CheckBox多选取值及判断CheckBox选中是否为空的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希

    CheckBox是否选中

    本篇将深入探讨“CheckBox是否选中”这一主题,以及与之相关的事件处理。 一、CheckBox的基本概念 CheckBox,中文通常称为复选框,是一种图形用户界面元素,用户可以点击以选择或取消选择一个或多个选项。在HTML中...

    用JS修改checkbox的选中状态

    在本文中,我们将深入探讨如何使用JavaScript来改变checkbox的选中状态。 首先,我们需要了解HTML中的`&lt;input&gt;`标签,它是用于创建复选框的。一个简单的复选框HTML代码如下: ```html &lt;input type="checkbox" id=...

    checkbox全选,选中数据传到后台

    在IT行业中,尤其是在Web开发领域,"checkbox全选,选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据,如删除、修改等。以下是对这个主题的详细解析: 首先,我们需要理解标题中的关键词...

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

    在JavaScript中,我们需要编写代码来判断这些`checkbox`是否被选中,并且统计选中的个数。本文将详细介绍一种超简单的JS方法来实现这个功能。 首先,我们要明确目标:统计同类型的`checkbox`(即拥有相同`name`属性...

Global site tag (gtag.js) - Google Analytics