一般,我们对前台的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是否被选中 在ASP.NET Web应用程序开发中,尤其是在使用C#作为后端语言时,动态地判断一个或多个`Checkbox`控件的状态是非常常见的需求。这种需求通常出现在表单验证、用户选项设置等功能...
js的一些功能,通过js对checkbox的操作,对select标签的操作
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
本文将深入探讨如何使用JavaScript来判断单个checkbox是否被选中。 首先,我们需要了解HTML中的`<input>`标签,它是用来创建复选框的。一个基本的复选框HTML代码如下: ```html <input type="checkbox" id=...
### checkBox分别处理选中与不选中 在Web开发中,`checkbox`是一种常见的表单元素,用于收集用户的选择信息。通常情况下,一个`checkbox`只能代表一项选择,但可以通过设置多个`checkbox`来实现多选功能。本文将...
本教程将深入探讨如何实现 `checkbox` 的多项选中与取消选中的功能,以及相关的 `attr` 和 `prop` 属性在其中的作用。 1. **Checkbox基本概念**: `checkbox` 是HTML中的一个输入类型,其标签为 `<input type="...
在Android开发中,CheckBox是一个常用的UI组件,用于提供两种状态的选择:选中和未选中。默认情况下,CheckBox的选中和未选中状态的图标是系统提供的,但有时为了满足应用的个性化需求,我们需要自定义这些图片样式...
然而,当ListView内部嵌套CheckBox等可交互组件时,常常会遇到一些问题,特别是滑动过程中选中状态错乱的现象。这个问题主要是由于ListView的复用机制导致的,即ListView在滚动时会复用已滑出屏幕的列表项,如果不...
**标题和描述**都是“JS判断是否选中checkbox”,这表明文章的主要目的是介绍如何使用JavaScript来检查一个或多个`checkbox`元素的状态(即是否被选中)。下面将详细介绍几种实现这一功能的方法,并对其进行深入解析...
本文将详细介绍如何使用JavaScript来判断checkbox是否被选中,并提供相应的实现代码。 首先,为了判断一个checkbox是否被选中,我们通常会检查该元素的checked属性。这个属性是一个布尔值,当checkbox被选中时其值...
当一个CheckBox被选中时,它的`Checked`属性变为`true`;反之,则为`false`。 ### 二、遍历查找选中的CheckBox 为了获取所有选中CheckBox的值,我们通常会遍历包含这些CheckBox的容器控件(如Panel、GroupBox等)...
### 遍历CheckBoxList,获得选中项的值动态绑定CheckBoxList #### 知识点一:CheckBoxList概述及应用场景 **CheckBoxList** 是ASP.NET Web Forms中一个非常有用的控件,它允许用户选择一个或多个选项。CheckBoxList...
本文将深入探讨如何判断 `checkbox` 是否被选中,并提供一个具体的示例代码来帮助理解这一过程。 `checkbox` 的状态通常有两个:选中(checked)和未选中(unchecked)。在JavaScript中,我们可以通过 `checked` ...
在探讨如何使用jQuery判断复选框(checkbox)是否被选中的过程中,我们首先需要理解复选框的基本属性以及jQuery操作DOM元素的方式。复选框在HTML中被定义为`<input type="checkbox">`,当它被选中时,其`checked`属性...
实例如下: var chk_value = [];//定义一个数组 //name是CheckBox的name属性定义的名称 ...以上这篇CheckBox多选取值及判断CheckBox选中是否为空的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希
本篇将深入探讨“CheckBox是否选中”这一主题,以及与之相关的事件处理。 一、CheckBox的基本概念 CheckBox,中文通常称为复选框,是一种图形用户界面元素,用户可以点击以选择或取消选择一个或多个选项。在HTML中...
在本文中,我们将深入探讨如何使用JavaScript来改变checkbox的选中状态。 首先,我们需要了解HTML中的`<input>`标签,它是用于创建复选框的。一个简单的复选框HTML代码如下: ```html <input type="checkbox" id=...
在IT行业中,尤其是在Web开发领域,"checkbox全选,选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据,如删除、修改等。以下是对这个主题的详细解析: 首先,我们需要理解标题中的关键词...
在JavaScript中,我们需要编写代码来判断这些`checkbox`是否被选中,并且统计选中的个数。本文将详细介绍一种超简单的JS方法来实现这个功能。 首先,我们要明确目标:统计同类型的`checkbox`(即拥有相同`name`属性...