`

checkbox未选中状态不传递value的解决办法

 
阅读更多

<input type="checkbox" name="IsYellow" value="1" />

  做了一列name=IsYellow的checkbox,要求是保持整个序列的完整提交。后来发现checkbox 如果没有checked(选中状态),就不传递value值。也就是说做了10个checkbox,选中n个,那么传递value值的数组长度就是n。

  为了保持传递数据的完整性,有人说为每个checkbox配备一个hidden类型的表单对象来存放数据。这个方法可行但是代码量太大。尤其是当你希望这系列checkbox的name相同时,你就必须为每个checkbox增加id属性来和hidden类型对象对接。本人采用了另外一个方法,如下。

//验证表单正确性
function checkForm()
{
       var t1 = document.getElementById("enterPenal").getElementsByTagName("input");
       for(i=0;i<t1.length;i++)
       {
           if(t1[i].type == "checkbox")
           {
               if(!(t1[i].checked))
               {
                   t1[i].checked = true;
                   t1[i].value = "0";
               }
           }
       }
       return true;
}

 就是在表单提交之前,将checkbox序列全部checked(选中状态),并将其value(值)设置为0。红色背景部分为checkbox序列所在父对象,此举为了提高运算速度。

  经过此方法过滤后,checkbox序列被完整提交,原本被用户选定的checkbox的value为1,未被选定的value为0。

分享到:
评论

相关推荐

    checkBox分别处理选中与不选中

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

    巧用struts标签之checkboxlist选中默认值换行处理

    本文将深入探讨如何巧妙地处理`checkboxlist`的默认选中值以及实现换行显示。 首先,我们需要创建一个数据实体类来封装复选框的选项。例如,`CheckboxBean`类,包含`id`和`name`两个属性,分别代表复选框的唯一标识...

    struts的htmlcheckbox标签的默认选中问题

    综上所述,虽然Struts的htmlcheckbox标签本身并不提供直接的`checked`属性来控制默认选中状态,但通过巧妙地结合htmlhidden标签,可以实现这一需求。这种方法不仅解决了默认选中的问题,而且保持了代码的简洁性和可...

    改变checkbox默认选中状态及取值的实现代码

    本文将详细介绍如何通过JavaScript和jQuery来改变`checkbox`的默认选中状态以及获取选中的值。 首先,来看一下HTML部分,这里创建了三个`checkbox`,它们都有相同的`name`属性 "chk",分别表示1级、2级和3级。其中...

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

    总结一下,JavaScript判断checkbox是否选中的实现代码主要包括两个关键点:一是获取所有需要判断的checkbox元素,二是通过遍历这些元素并检查它们的`checked`属性来判断其选中状态。通过编写相应的JavaScript函数,...

    (原创)struts标签之checkboxlist选中值并换行处理

    通过上述步骤,我们成功实现了利用Struts `&lt;s:checkboxlist&gt;` 标签来显示一组复选框,并通过设置`value`属性实现了默认选中某些选项的功能。同时,还通过JavaScript实现了在显示复选框时自动换行的效果,大大提高了...

    Jquery遍历checkbox获取选中项value值的方法

    在本篇内容中,我们将详细探讨如何使用JQuery来遍历checkbox元素,并获取所有被选中项的value值。 首先,我们需要理解checkbox元素在HTML中的基础结构,通常一个复选框由一个标签表示,其中type属性被设置为...

    解决flex的tilelist中的滚动条下滑,乱渲染问题。

    综上所述,解决Flex的TileList中的滚动条下滑导致的CheckBox选中状态混乱问题,需要正确处理ItemRenderer的生命周期和数据绑定。同时,通过监听CheckBox的`change`事件来获取选中项的数据,可以避免不必要的麻烦。...

    checkbox复选框传值

    下面我们将深入探讨复选框的基本概念、它们如何工作以及如何将这些值通过POST方法传递到服务器。 1. 复选框的基本结构 复选框在HTML中由`&lt;input&gt;`标签定义,类型设为`type="checkbox"`。每个复选框都有一个`name`...

    strust的复选框自动怎么选中

    此外,你还可以通过JavaScript或者jQuery来控制复选框的选中状态,但这通常是在用户交互时动态改变的,而不是页面加载时的初始状态。如果你想要在页面加载时就改变复选框的状态,那么主要的操作应该在后端Java代码中...

    Java后台获取JSP页面多个复选框选中的值

    SSM(Spring、SpringMVC、MyBatis)框架是Java Web开发中广泛使用的集成框架,它提供了处理此类问题的高效解决方案。下面将详细阐述如何实现这个功能。 首先,我们来理解复选框(Checkbox)在HTML和JSP中的使用。复...

    checkbox的数组传值

    在IT领域,特别是Web开发中,处理用户界面与后端数据交互时,checkbox的使用及其值的传递是一项常见且重要的任务。本文将深入探讨如何在Struts框架下处理checkbox的数组传值,以及如何利用JavaScript增强用户体验。 ...

    GridView的CheckBox列选择及多参数传递三步搞定

    在这个函数中,首先获取复选框的状态(选中或未选中),然后通过循环获取所有的CheckBox元素,并根据复选框的状态来更新每个CheckBox的选中状态。特别注意的是,我们需要跳过那些被禁用的CheckBox。 最后,后台如何...

    FLEX中下拉框嵌入Checkbox

    当Checkbox的状态改变时,你需要更新数据模型以反映用户的选中状态。在上述示例的`checkboxClickHandler`中,可以这样实现: ```actionscript private function checkboxClickHandler(event:MouseEvent):void { ...

    两个jsp页面之间传值的问题,和checkbox多选框之间的问题

    其值默认只在用户选中时才传递,未选中的checkbox不会出现在请求参数中。处理多选框的JSP代码示例: ```jsp &lt;input type="checkbox" name="choices" value="option1"&gt; Option 1 &lt;input type="checkbox" name...

    jsp实现checkbox的ajax传值实例.docx

    在本例中,我们将关注如何在JSP(JavaServer Pages)环境中,利用AJAX技术处理复选框(checkbox)的选择状态并传递其值到后台。以下是一个具体的实例,详细解释了这个过程。 首先,HTML部分通常会包含一组复选框,...

    ios应用源码之类似js的checkbox效果的效果库 2018128

    4. **KVC(Key-Value Coding)和KVO(Key-Value Observing)**:库可能使用了这些机制来监听和更新与checkbox状态相关的属性,比如选中状态,以便在其他地方反映变化。 5. **Swift或Objective-C**:根据源码的编程...

    form中相同name的checkbox提交问题

    如果一个复选框未被选中,那么在服务器端接收到的数据中,对应的`name`属性值将是`null`或不存在。 **二、相同name的checkbox问题** 1. **单一值问题**:如果多个复选框具有相同的`name`属性,服务器端只能接收到...

    解决Django中checkbox复选框的传值问题

    本文将深入探讨如何正确处理Django中复选框的传值问题,并提供一种解决未选中不传值问题的方案。 首先,理解Django中表单数据的传递方式至关重要。当用户在HTML页面上填写表单并提交时,数据通过HTTP POST请求发送...

    NET MVC3使用CheckBox List(复选框列表)的简单方法

    ### .NET MVC3 使用 CheckBox List(复选框列表)的简单方法 在.NET MVC3框架中,虽然没有直接提供CheckBox List的功能,但可以通过简单的自定义方法来实现这一功能。下面将详细介绍如何在.NET MVC3中使用CheckBox ...

Global site tag (gtag.js) - Google Analytics