`
weibaojun
  • 浏览: 98855 次
  • 性别: Icon_minigender_1
  • 来自: 火星
社区版块
存档分类
最新评论

js中检测单选框选中

阅读更多

当<input type="radio" name="radio_name" value="radiobutton">(单选框) 是动态加入页面时,它的数量有可能为0,1,或者大于1,因此在js 中需要判断单选框是否选中时,就必须循环判断每个单选框的状态,用var obj=document.getElementsByName('audit_result');就可以得到单选框组合,并可通过obj.length得到它的长度,这样就不用判断它的数量是0,1,或者大于1

<script language="javascript">
function checkValue(){
 var obj=document.getElementsByName("radio_name");
 //alert(obj.length);
 for (var i=0;i<obj.length;i++)
 {
  if(obj[i].checked)
  return true;
 }
 alert("没有选中!");
 return false;
}
</script>

而用var ovar obj=document.all("radio_name");时,当数量为0或1时,obj就是undefined。

分享到:
评论

相关推荐

    javascript判断单选框或复选框是否选中方法集锦

    通过使用 `getElementsByName` 和循环遍历等技术,可以有效地检测单选框和复选框的状态,从而增强Web应用程序的功能性和用户体验。开发者可以根据自己的需求选择合适的方法来实现对单选框和复选框状态的判断。

    jQuery模拟iphone单选框复选框效果.zip

    在本文中,我们将深入探讨如何使用jQuery来模拟iPhone上的单选框和复选框效果。这个项目中的"jQuery模拟iphone单选框复选框效果.zip"包含了一个简单的示例,其中包括了HTML、CSS图像和JavaScript文件,它们共同作用...

    jquery iCheck.js实现的自定义复选框checkbox和单选框radio样式插件.zip

    《jQuery iCheck.js实现自定义复选框与单选框样式插件详解》 在Web开发中,我们经常需要对复选框(checkbox)和单选框(radio)进行美化和定制,以提升用户界面的视觉体验。jQuery iCheck.js是一款强大的插件,它...

    带点击动画特效的CSS3单选框和复选框

    【标题】:“带点击动画特效的CSS3单选框和复选框”是网页设计中的一种创新技术,它利用了CSS3的高级特性为传统的HTML单选框(radio)和复选框(checkbox)添加了视觉上的交互体验。这种特效在用户与表单元素进行...

    CSS3基于SVG复选框选中动画特效.zip

    在复选框选中动画中,你可以使用`transition`属性来定义选中状态变化的速度和方式。 4. **CSS3动画(Animations)**:除了过渡,CSS3还提供了更复杂的动画功能,可以通过`@keyframes`规则定义动画的关键帧,然后...

    javascript实现复选框选中属性

    文章中所介绍的知识点主要涉及如何用JavaScript检测复选框是否被选中以及如何使用jQuery来判断复选框状态。 首先,使用原生JavaScript检测复选框是否选中非常直接,复选框元素自带一个名为`checked`的属性,该属性...

    jQuery单选多选按钮选中美化特效.zip

    1. 使用`:checked`伪类来检测单选按钮或复选框的选中状态,结合jQuery的`.change()`事件,当用户选择或取消选择时,更新按钮的样式。 2. 利用CSS3的`border-radius`属性创建圆角效果,让按钮看起来更加现代和精致。 ...

    自定义radio&checkbox;样式

    在网页设计中,Radio按钮和Checkbox控件是常见的交互元素,用于用户的选择和确认操作。然而,它们的默认样式往往简单且缺乏个性化。本主题聚焦于如何使用CSS3来自定义Radio和Checkbox的样式,以提升用户体验并增加...

    JavaScript检测并限制复选框选中个数的方法

    本文将详细探讨如何使用JavaScript来检测和限制复选框的选中个数。我们将基于给定的代码示例,来分析其背后的原理和相关的技巧。 首先,来看一段核心的JavaScript代码,它被嵌入在HTML文档中来实现这一功能: ```...

    jQuery模拟iphone单选框复选框效果特效代码

    这个项目利用了强大的JavaScript库jQuery,为网页中的单选框(radio buttons)和复选框(checkboxes)赋予了类似iPhone设备的样式和交互效果,从而提供更加直观和吸引人的用户界面。 首先,jQuery库简化了DOM操作,...

    模拟单选和复选框

    本教程将详细讲解如何通过自定义图片和JavaScript技术来实现模拟的单选和复选框,同时确保在主流浏览器中的兼容性。 一、自定义图片与样式 传统的HTML单选和复选框样式受限,通常只提供基本的圆形或方形外观。为了...

    CSS3实现的表单单选框、复选框特效.zip

    总的来说,这个压缩包中的示例可能包括了如何使用纯CSS3来创建具有现代感和吸引力的单选框与复选框特效,使表单更加美观,提升用户界面的用户体验。这包括自定义图形、动态效果、交互反馈等多个方面。通过学习和理解...

    jquery判断单选按钮radio是否选中的方法

    通过上述两种方法,我们可以有效地在使用jQuery开发Web应用时检测单选按钮的选中状态。这对于表单验证、动态更新用户界面或记录用户的选择等场景非常有用。重要的是,使用jQuery可以极大地简化这类常见的任务,使...

    JavaScript完全自学宝典 源代码

    6.12.html 单选框的JavaScript特效。 6.13.html 使用JavaScript控制按钮是否可用。 6.14.html 重置按钮的效果。 6.15.html 提交按钮的效果。 第7章(\c07) 示例描述:学习JavaScript的事件处理。 ...

    layui 数据表格复选框实现单选功能的例子

    通过上述步骤,我们能够实现一个在数据表格中,通过单击行来切换复选框选中状态的功能。这样的功能对于提升用户体验和交互的友好性有着重要的意义。 最后,要确保代码的兼容性和可维护性,需要对代码进行适当的优化...

    程序天下:JavaScript实例自学手册

    10.2 单击文字实现单选框的选定 10.3 被选中的复选框求和 10.4 复选框组选 10.5 复选框分组全选 10.6 复选框和文本框的联动效果 10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个...

    《程序天下:JavaScript实例自学手册》光盘源码

    10.2 单击文字实现单选框的选定 10.3 被选中的复选框求和 10.4 复选框组选 10.5 复选框分组全选 10.6 复选框和文本框的联动效果 10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个...

    jquery检测input checked 控件是否被选中的方法

    `input`元素的`checked`属性在HTML中用于定义复选框或单选按钮是否已被选中。当需要在用户点击或交互后检查这些控件的状态时,jQuery提供了一种简单而强大的方式来实现这一目标。本篇文章将详细介绍如何使用jQuery来...

    超酷CSS3复选框和单选按钮点击动画库checked.css特效.zip

    这个库的核心在于利用`:checked`伪类来检测复选框或单选按钮的状态变化,当用户点击后,通过CSS3的动画效果展示不同的视觉反馈。例如,可以设计一个平滑的过渡效果,如按钮颜色渐变、大小缩放或者位置移动等。 为了...

Global site tag (gtag.js) - Google Analytics