`
niunan
  • 浏览: 719512 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
社区版块
存档分类
最新评论

javascript原生代码取单选框的值

 
阅读更多
网上搜索到的,项目中正好用到,先记下来,以后直接从自己的博客上复制粘贴!!!


//取单选框选择中的值,传入单选框的name
function getRadioBoxValue(radioName)
{
var obj = document.getElementsByName(radioName); //这个是以标签的name来取控件
for (i = 0; i < obj.length; i++) {

if (obj[i].checked) {
return obj[i].value;

}

}
return "undefined";

}

 

分享到:
评论

相关推荐

    jQuery单选框和复选框美化代码

    3. **事件处理**:jQuery可以监听单选框和复选框的点击事件,当用户进行选择时,触发相应的JavaScript代码,实现动态效果,如改变相邻元素的显示、提交表单等。 4. **状态管理**:通过jQuery,我们可以轻松地获取或...

    美化单选框跟复选框代码

    "美化单选框跟复选框代码"这个项目就是针对这个问题,提供了一种解决方案,它使用JavaScript技术来实现对这些元素的美化,同时保持了良好的浏览器兼容性,包括IE8。 在JavaScript中,我们可以利用DOM(Document ...

    29、jQuery单选框跟复选框美化代码

    本教程将围绕“jQuery单选框跟复选框美化代码”这一主题,探讨如何利用jQuery和CSS技术对这些元素进行美化。 首先,我们要理解HTML中的单选框和复选框基本结构。单选框用于提供一组可选的选项,用户只能选择其中一...

    jQuery单选框和复选框美化代码.zip

    这个压缩包文件“jQuery单选框和复选框美化代码.zip”包含了一个名为“ui-choose.js”的JavaScript插件,它专门用于改善网页表单中选择元素的外观和交互性。 一、jQuery简介 jQuery是一个快速、简洁的JavaScript库...

    iphone单选框复选框样式.zip

    对于单选框,我们可以通过隐藏原生的input元素,然后创建一个自定义的图形元素(如div),通过CSS控制选中与未选中的状态。例如,未选中时显示一个空的圆圈,选中时显示一个填充的圆圈。对于复选框,同样原理,可以...

    单选框复选框样式

    总结:通过CSS和JavaScript,我们可以自定义单选框和复选框的样式,实现加边框、加勾勾以及各种动态效果,提高用户体验。这需要对HTML、CSS和JavaScript有深入理解,并熟练掌握伪元素、选择器和响应式设计等技巧。在...

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    69、原生JavaScript获取单选按钮的值 70、原生JavaScript获取复选框的值 71、原生JavaScript判断是否为邮箱 72、原生JavaScript判断是否有列表中的危险字符 73、原生JavaScript判断字符串是否大于规定的长度 74、...

    js下获得单选框的值的代码

    在JavaScript(简称JS)开发中,处理HTML...本文详细介绍了如何在JavaScript中获取单选框的值,并探讨了相关的基础知识、实现方法以及进阶技巧。通过这些知识点的学习和实践,可以提高Web应用程序的功能性和用户体验。

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

    这个项目中的"jQuery模拟iphone单选框复选框效果.zip"包含了一个简单的示例,其中包括了HTML、CSS图像和JavaScript文件,它们共同作用于创建与iPhone原生UI相仿的表单元素交互体验。 首先,`index.html`文件是整个...

    jQuery实现自定义黑色单选框和复选框代码.zip

    本压缩包"jQuery实现自定义黑色单选框和复选框代码.zip"包含了一份使用jQuery来定制样式,特别是创建黑色主题的单选框(radio)和复选框(checkbox)的示例代码。 首先,我们需要理解jQuery的基本用法。jQuery通过$...

    利用原生js和jQuery实现单选框的勾选和取消操作的方法

    本文将详细介绍如何使用原生JavaScript和jQuery库来实现单选框的勾选与取消操作。 首先,我们来看一下原生JavaScript的实现方式。在JavaScript中,我们可以通过DOM操作来获取和修改单选框的状态。以下是一个简单的...

    jQuery表单复选框与单选框美化特效.zip

    CSS 代码用于定义复选框和单选框的样式,包括但不限于尺寸、颜色、边框、背景和鼠标悬停效果。通过 CSS,开发者可以控制元素在不同状态下的显示,如未选中、选中、鼠标 hover 等。 在实际应用中,这种美化技术可以...

    标签展示形式来美化单选框或复选框的jQuery插件.zip

    通常,原生的HTML单选框和复选框样式相对简单,可能不符合现代网页设计的审美需求。因此,开发者常常借助于jQuery插件来定制这些元素的外观,以提高用户体验。 该插件的工作原理是,通过jQuery选择器找到页面上的...

    三种取消选中单选框radio的方法

    在网页开发中,单选框(Radio)常用于让用户在多个选项中...每种方法都能有效地取消选中所有单选框,选择哪种取决于项目的需求和个人喜好。在实际应用中,应当根据项目的具体需求和对性能的考虑来选择最合适的方法。

    iPhone风格的单选框和复选框.zip

    这个"iPhone风格的单选框和复选框"项目,通过JavaScript(JS)实现,提供了类似iPhone原生UI风格的控件效果,适用于网页应用。以下是关于这个项目的详细知识点: 1. **HTML基础**: - `index.html` 文件是网页的...

    input_美化、单选框 点击文字可以选中

    "input_美化、单选框 点击文字可以选中"这个主题涉及到的是如何通过CSS和JavaScript来改进HTML中的输入元素(如单选按钮)的外观,并且允许用户通过点击文字来选择单选选项。下面我们将深入探讨这一技术实现及其相关...

    纯CSS3开关样式的自定义单选框按钮

    /* 隐藏原生单选框 */ } label { position: relative; width: 60px; height: 30px; background-color: #ccc; border-radius: 15px; cursor: pointer; } input[type="radio"]:checked + label { background...

    单选框_复选框美化插件

    总的来说,"单选框_复选框美化插件"是一种提高网页交互体验的有效工具,它结合了CSS和JavaScript的力量,让原本平凡的表单元素变得生动有趣。开发者在使用这类插件时,不仅可以提升产品视觉吸引力,还能借此学习到...

    浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)

    在事件处理函数内部,使用`this.value`来获取被改变的单选框的值,并通过判断这个值来执行不同的逻辑。 ```javascript $(document).ready(function(){ $('input[type=radio][name=sex]').change(function(){ if...

Global site tag (gtag.js) - Google Analytics