`
tianjun309
  • 浏览: 368220 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

radio,checkbox 与 getElementByName 配合取值

阅读更多

HTML

		<div>
			male<input type="radio"  name="nametest" value="good" checked="checked"/>
			female<input type="radio"  name="nametest" value="bad" />
		</div>
		<div>
			temp1<input type="checkbox"  name="nametest2" value="temp1" checked="checked"/>
			temp2<input type="checkbox"  name="nametest2" value="temp2" />
		</div>

 JS

function show(){
    var temp = document.getElementsByName("nametest");
    for (var i = 0, length = temp.length; i < length; i++) {
        if (temp[i].checked) {
            alert(temp[i].value);
        }
    };
    
    temp = document.getElementsByName("nametest2");
    for (var i = 0, length = temp.length; i < length; i++) {
        if (temp[i].checked) {
            alert(temp[i].value);
        }
    };
}
 

 

分享到:
评论

相关推荐

    透明按钮Radio和CheckBox

    在Windows编程中,尤其是使用MFC(Microsoft Foundation Classes)库时,我们经常需要自定义控件的外观,比如创建透明的Radio按钮和CheckBox。透明效果可以让界面看起来更加现代和美观,提升用户体验。以下是对"透明...

    zTree 3.5 radio/checkbox自定义树形

    **zTree 3.5 Radio/Checkbox 自定义树形组件详解** zTree 是一款基于 jQuery 的强大树形插件,广泛应用于网页中的数据展示、菜单导航等场景。在 zTree 3.5 版本中,它提供了丰富的功能,包括单选(Radio)和复选...

    checkbox与radio好看的样式

    在网页设计中,`checkbox` 和 `radio` 是两种常见的表单元素,用于用户进行多选和单选操作。为了提升用户体验和界面美观性,设计师和开发者常常会为这些元素定制自定义样式。本篇文章将深入探讨如何实现“好看的”`...

    jquery radio checkbox 美化

    例如,`$('input[type="checkbox"]')`和`$('input[type="radio"]')`分别用于选取所有的复选框和单选按钮。事件绑定如`click()`、`change()`可以让开发者在用户点击这些元素时执行相应的函数。 二、CSS美化 默认...

    10组美化的radio&checkbox

    总之,"10组美化的radio&checkbox"为网页设计师和开发者提供了丰富多样的选择,使得在创建表单或界面时,可以轻松实现美观与功能的完美结合。通过合理地利用这些组件,可以显著提升网页的用户体验和整体品质。在实际...

    纯CSS美化input radio checkbox样式.zip

    在网页设计中,input元素的radio(单选按钮)和checkbox(复选框)是常见的交互元素,用于收集用户的选择信息。然而,浏览器默认的样式通常较为简单,不能满足现代网页设计美观的需求。本资源“纯CSS美化input radio...

    JQuery 自定义 radio与checkbox

    本话题主要关注如何使用jQuery来实现自定义的radio(单选按钮)和checkbox(复选框)的美化。在现代Web界面设计中,为了提供更美观、用户体验更好的表单元素,开发者经常需要对这些标准HTML元素进行定制。 首先,...

    使用纯CSS美化radio和checkbox

    在网页设计中,radio(单选按钮)和checkbox(复选框)是常见的表单元素,用于收集用户数据。然而,这些元素在默认状态下样式较为简单,可能不符合设计师们追求的美观与统一风格的需求。本篇文章将深入探讨如何使用...

    jQuery美化radio和checkbox

    在网页设计中,radio(单选按钮)和checkbox(复选框)是常见的表单元素,用于收集用户的选择信息。然而,原生的HTML radio和checkbox样式通常较为简单,不符合现代网页美观的需求。jQuery,一个广泛使用的...

    自定义radio&checkbox;样式

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

    JQuery操作checkbox、radio等示例

    本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素,这两种元素在表单提交和用户交互中扮演着重要角色。 首先,让我们了解checkbox和radio的基本概念。Checkbox用于提供多选选项,用户可以勾选多个选项;...

    radio/checkbox默认样式太丑?换个新鲜的样子吧!.zip

    本项目名为"Radio/Checkbox Style",基于JavaScript技术实现,旨在提供一种新的、更加吸引人的radio和checkbox样式。这个开源项目可能包含了CSS、JavaScript或HTML文件,用于创建和管理这些定制的控件。通过下载并...

    漂亮的Checkbox Radio漂亮样式

    在网页设计中,Checkbox(复选框)和Radio(单选按钮)是常见的用户界面元素,用于收集用户的选择信息...设计师和开发者可以通过各种技巧和工具创造出与网站整体风格相协调、功能性和美观性兼备的Checkbox与Radio控件。

    radio和checkbox.html

    每个样式对应的css,html,js 文件都有,享用直接套就可以

    radio checkbox

    在网页设计中,"radio"和"checkbox"是两种常见的表单元素,用于用户输入选择。它们在HTML中扮演着重要角色,允许用户进行多选或单选操作。本文将详细探讨如何使用CSS3技术来美化和替代浏览器自带的默认样式,以及一...

    selectTree tree控件 日历控件 tree控件 radio CheckBox demo

    "selectTree tree控件 日历控件 tree控件 radio CheckBox demo"这个标题揭示了几个关键的组件,它们是网页交互中的重要元素。下面将详细介绍这些控件及其应用场景。 1. **selectTree(选择树控件)**: 选择树控件...

    jquery 设置select checkbox radio只读

    昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个

    LazyForm radio,checkbox,select样式自定义

    在IT行业中,前端开发是至关重要的一环,而表单元素如radio、checkbox和select的样式定制则是提升用户体验和界面美观度的关键。"LazyForm radio,checkbox,select样式自定义"是一个针对这一需求的解决方案,它基于...

    背景透明的Static、Radio、CheckBox、GroupBox控件,支持PNG图片作为背景

    在本主题中,我们将深入探讨如何实现背景透明的Static、Radio、CheckBox和GroupBox控件,并支持将PNG图片作为背景。这是一项高级的GUI定制技术,能够使应用程序的界面更加美观和独特。 首先,PNG图片格式因其支持...

    jquery操作Radio、Checkbox、Select Demo

    这些是jQuery对Radio、Checkbox和Select基本的操作方式。在实际应用中,你可能还需要结合DOM遍历、事件冒泡等知识,实现更复杂的交互功能。提供的Demo文件应该包含了这些操作的实例代码,通过查看和实践,可以加深...

Global site tag (gtag.js) - Google Analytics