`

表单中checkbox的值

 
阅读更多
当表单中有多个元素名相同的checkbox时,document.form.元素名 为一个数组对象;

而当表单中只有一个checkbox时,document.form.元素名 只是一个普通的元素对象。



如果想对checkbox的值进行操作,或对其是否选中进行判断时,可以用:

Js代码
1.function send(){  
2.    var values = document.getElementsByName("元素名");  
3.    var checked = false;  
4.    for(var i=0; i<values.length; i++){  
5.        if(values[i].checked==true){  
6.            checked = true;  
7.            break;  
8.        }  
9.    }  
10.    if(!checked){  
11.        alert("没有可提交的数据!");  
12.        return false;  
13.    }  
14.    document.selectForm.submit();    
15.} 
分享到:
评论

相关推荐

    form中相同name的checkbox提交问题

    在HTML表单中,我们经常遇到需要用户勾选多个选项的情况,这时会使用到`&lt;input type="checkbox"&gt;`元素。然而,当这些复选框具有相同的`name`属性时,提交表单时可能会出现一些特定的问题。这篇博客将探讨这个问题,...

    table中checkbox取值

    总结,"table中checkbox取值"这一主题涉及到HTML元素结构、JavaScript和jQuery的操作、表单提交、前端状态管理和事件监听等多个知识点。熟练掌握这些技能,能帮助开发者更好地实现用户界面的交互功能,提高用户体验...

    Ext表单组件之checkbox

    本篇文章将深入探讨Ext表单组件中的checkbox,以及如何利用源码和相关工具进行定制和优化。 1. **复选框的基本概念** 复选框在用户界面中常用于让用户从多个选项中选择一个或多个。在Ext JS中,复选框是`Ext.form....

    C#中根据选择的checkbox列出选择的值

    #### 知识点三:收集选中的Checkbox值 如果需要将所有被选中的Checkbox的值收集起来,可以使用一个字符串数组或列表来存储这些值。示例代码如下: ```csharp List&lt;string&gt; selectedValues = new List(); foreach ...

    checkbox复选框传值

    当涉及到数据提交,比如通过HTML表单POST方法将用户的选择发送到服务器并存储到数据库中时,理解如何处理复选框的值就显得至关重要。下面我们将深入探讨复选框的基本概念、它们如何工作以及如何将这些值通过POST方法...

    jquery获取checkbox选中的值

    在本文中,我们将深入探讨如何使用jQuery来获取checkbox选中的值,包括全选、取消全选、反选以及选中奇数行的操作,并讲解如何获取选中的值。 首先,我们需要引入jQuery库。在`1.html`文件中,我们看到包含了一个名...

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    获得html中表单元素值总结

    本文将详细介绍如何在JavaScript中获取不同类型的HTML表单元素的值,包括下拉选择框(`&lt;select&gt;`)、单选按钮(`&lt;input type="radio"&gt;`)、复选框(`&lt;input type="checkbox"&gt;`)以及文本输入框(`...

    js 验证表单中的值是否改变

    本文将深入探讨如何使用JavaScript来验证表单中的值是否发生改变,以便在用户提交表单前进行必要的数据校验。 首先,我们需要理解表单(`&lt;form&gt;`)元素在HTML中的作用。表单用于收集用户输入的数据,通常包含各种...

    jquery获取表单值

    ### jQuery 获取表单值 在Web开发中,jQuery作为一个非常流行的JavaScript库,简化了许多复杂的DOM操作,特别是对于表单数据的获取与处理方面提供了极大的便利。本文将详细讲解如何使用jQuery来获取不同类型的表单...

    jsp中checkbox用法详解.docx

    在Web开发中,Checkbox(复选框)是非常常见的表单元素之一,主要用于收集用户的多选数据。在JSP(JavaServer Pages)环境下,Checkbox的使用同样广泛。本文将详细介绍在JSP中如何使用Checkbox,包括基本语法、动态...

    jQuery获取checkbox选中的值

    在Web开发中,处理表单元素,特别是checkbox(复选框)是非常常见的需求。checkbox允许用户从一组选项中选择多个项目。在使用jQuery时,有多种方法可以获取用户选中的checkbox值。本知识点将深入探讨如何使用jQuery...

    GridView控件中CheckBox(2.0)

    在后台代码中,我们可能需要处理CheckBox的选中状态,例如当用户提交表单时,获取选中的行。可以使用GridView的RowDataBound事件来关联CheckBox和数据行的标识,如下所示: ```csharp protected void gvData_...

    checkBox分别处理选中与不选中

    在Web开发中,`checkbox`是一种常见的表单元素,用于收集用户的选择信息。通常情况下,一个`checkbox`只能代表一项选择,但可以通过设置多个`checkbox`来实现多选功能。本文将详细介绍如何在前端HTML中设置`checkbox...

    js checkbox全选 反选 取消全部设置表单checkbox复选框勾选

    在JavaScript编程中,`checkbox`元素是HTML表单中常用的一种控件,用户可以通过它来选择或取消选择某个选项。本篇文章将详细讲解如何利用JavaScript实现`checkbox`的全选、反选和取消全部功能,以及相关的代码示例。...

    vs2008演示CheckBox复选框控件的使用实例

    - 在数据录入表单中,CheckBox可表示必填或非必填项。 - 在对话框中,CheckBox可以作为用户确认某项条款或设置的标志。 通过了解并熟练掌握CheckBox控件的这些特性,开发者可以在VS2008环境中创建出更加交互式和...

    js checkbox全选 反选 取消全部设置表单html复选框勾选

    当涉及到HTML表单中的复选框(checkbox)时,全选、反选和取消全部勾选的功能是非常常见的需求。这些功能可以提高用户体验,让用户能够方便地选择或取消一组相关选项。本文将详细讲解如何利用JavaScript实现这些功能...

    在Gridvew中添加checkBox列

    这可以通过在设计视图中从工具箱拖拽“DataGridView”到表单上完成。确保为GridView设置合适的大小和位置,以便适应用户界面。 2. **添加CheckBox列** GridView默认不包含CheckBox列,因此我们需要手动添加。这...

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

    这种需求通常出现在表单验证、用户选项设置等功能模块中。下面我们将详细探讨如何通过遍历容器(如`Panel`)中的所有子控件来判断`Checkbox`是否被选中。 #### 核心概念解释 1. **Checkbox控件**:这是一种常用的...

Global site tag (gtag.js) - Google Analytics