`
stonejava
  • 浏览: 77820 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

checkbox长度为undefinde如何解决

阅读更多

当checkbox的内容为一项时,用javascript获取它长度时为undefined的解决办法,非常简单 如下:

首先了解下CheckBox(多选框):

当页面中有多个CheckBox的时候,它是一个数组,而单个的时候,它就是一个对象。

可以直接用

document.getElementsByName("checkboxname");

var obj=document.getElementsByName("checkboxname");

for(var i=0;i< obj.length;i++){

    alert(obj [i]);

    alert(obj [i].checked);

}

多个的时候,是对象数组,

单个的时候,是一个对象,不是数组,用.length就不行了,上面的方法当它一个或多个时都可以正常使用。

分享到:
评论

相关推荐

    C# 解决双击TreeView表里checkbox本身Bug问题

    会出现很奇怪的情况: 第一次双击checkbox,checkbox显示的状态会切换两次状态,unchecked-&gt; checked-&gt; unchecked,而AfterCheck事件仅触发一次,在AfterCheck事件中获取到的checkbox状态为checked。在这里checkbox...

    ListView中添加CheckBox

    遇到以下问题的都可以看看: 1、ListView item中加入checkbox后onListItemClick 事件无法触发。...原因:为记住Checkbox的选择状态 解决方案:当选择Checkbox的时候,记下其状态,然后在getView方法中进行设置

    完美解决ListView和CheckBox的焦点冲突及CheckBox的复用问题

    为解决这个问题,我们需要在getView()方法中根据数据模型的状态来设置CheckBox的选中状态,确保每个CheckBox与对应的数据项保持一致。 三、全选、反选功能 实现全选和反选功能,可以添加一个主CheckBox,当用户...

    解决EasyUI中Tree的CheckBox不能设置为禁用的问题

    //解决的问题是Tree控件的checkbox不能设置为不允许用户勾选 //设置一个标志位,在整棵树加载完成后就将标志位设置为false,不允许勾选checkbox了,在加载数据完成之前是可以勾选的,用来在数据中设置勾选了哪些节点 /...

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

    4. **监听CheckBox状态改变**:为每个CheckBox添加CheckedChangeListener,当CheckBox状态改变时,更新对应数据列表中的状态,并调用notifyDataSetChanged()通知ListView数据已更新。 5. **处理点击事件**:...

    LayUI动态设置checkbox不显示的解决方法

    1.页面引入layui.js和layui.css &lt;!...&lt;... &lt;head&gt;...link type=text/css rel=stylesheet href=common/layui/css/layui.css rel=external nofollow /&gt;...link type=text/css rel=stylesheet href=css/index.css ...

    recyclerview item上面包含CheckBox的解决方案

    1. **设置CheckedChangeListener**:为每个CheckBox设置一个CheckedChangeListener,当CheckBox的状态改变时,将其状态存储到一个数据结构(如List或Map)中,键为item的唯一标识,值为CheckBox的状态。这样,即使...

    checkbox混乱的解决

    然而,在实现ListView时,我们可能会遇到一个常见的问题,那就是“checkbox混乱”,这通常发生在用户交互时,如点击或勾选ListView中的复选框(checkbox)。这个问题的核心在于ListView的复用机制,导致了复选状态的...

    ListView复用checkBox的解决方法

    本教程将详细讲解如何解决ListView复用checkBox的问题,以及如何实时获取选中的checkBox数量。 首先,理解ListView的工作原理至关重要。ListView通过一个叫做Adapter的类来连接数据源和视图。当滚动ListView时,它...

    ListView和CheckBox错位(解决)

    在Adapter中,我们需要为每个ListView的Item创建一个布局,该布局包含一个CheckBox。然后,我们可以在`getView()`方法中处理CheckBox的状态。 ```java public View getView(int position, View convertView, ...

    RecyclerView嵌入CheckBox带来的显示问题的解决办法

    解决这个问题的方法是在CheckBox上设置`android:clickable="false"`或者在代码中设置`checkBox.setClickable(false)`,然后在RecyclerView的Adapter中实现点击事件监听。 ```xml &lt;CheckBox android:id="@+id/...

    通过图文混排给CheckBox设置图片

    通常,CheckBox的显示方式是文本加勾选标记,但有时我们可能需要自定义它的样式,比如为CheckBox添加图片。本文将深入探讨如何通过图文混排的方式,实现给CheckBox设置图片的功能。 首先,我们需要了解`android:...

    Android完美解决ListView复用导致的Checkbox状态混乱问题

    通过以上方法,我们可以有效地解决ListView复用导致的Checkbox状态混乱问题。在实际开发中,理解ListView的工作原理以及如何正确处理组件状态是非常重要的,这不仅可以提高用户体验,还能保证应用的稳定性和效率。

    设置checkbox为只读(readOnly)的两种方式

    方式一: checkbox没有readOnly属性,如果使用disabled=“disabled”属性的话,会让checkbox变成灰色的,用户很反感这种样式可以这样让它保持只读: 设置它的onclick=”return false” js里就是 checkbox.onclick=...

    WPF 自定义CheckBox样式

    在这个模板中,`FontIcon`的`FontFamily`属性被设置为字体图标的库,`Glyph`属性则是对应的图标代码,`Foreground`属性决定图标颜色。 为了响应CheckBox的状态变化(如选中、未选中),我们需要添加Visual State ...

    PB 11.5 CheckBox三种状态的实例

    CheckBox控件在界面中通常表现为一个小方框,里面可能有一个勾选标记。它有三种状态:未选中(No Check),已选中(Checked),和禁用(Disabled)。在PowerBuilder中,我们可以使用SetState方法来改变CheckBox的...

    jquery checkbox 选中 取消 checkbox多选

    首先,我们需要理解HTML中的`&lt;input&gt;`元素类型为"checkbox"的基本用法。复选框用于让用户从多个选项中选择一个或多个。HTML代码如下: ```html &lt;input type="checkbox" id="checkbox1"&gt; Option 1 &lt;input type="...

    DuiLib_CheckBox

    "DuiLib_CheckBox"正是为了解决这个问题而设计的,它添加了一个新的“部分选中”(Partially Checked)状态,使得用户可以通过单个CheckBox就能控制一组相关CheckBox的选中状态。 实现这个功能的关键在于扩展...

    完美解决Listview嵌套Checkbox滑动后位置错乱问题,和checkbox的全选或全不选。

    本文将深入探讨如何完美解决ListView中Checkbox滑动后位置错乱的问题,以及实现Checkbox的全选和全不选功能。 首先,我们遇到的主要问题是ListView的视图复用机制。为了提高性能,ListView在滑动时会复用已滚动出...

    mui.css和input type=checkbox冲突,导致打不上勾(无法选中)的解决办法.zip

    解决此类问题的一种常见方法是为冲突的元素添加特定的CSS类,然后用这个类来覆盖MUI的默认样式。例如,可以创建一个新类`.custom-checkbox`,并设置适当的样式以恢复复选框的正常功能,如下: ```css .custom-...

Global site tag (gtag.js) - Google Analytics