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

js radio(一)

 
阅读更多

 

取页面的值

 

<script>   
function choosedWhat(radio){   
for(var i=0;i<radio.length;i++) {   
  if(radio[ i].checked){   
   alert("you choose " + radio[ i].nextSibling.nodeValue + " radio button");
     }   
}   
}   
</script>   

<INPUT type=radio name="radio" CHECKED>1-10 years old


<button onclick="choosedWhat(radio)">View</button>

分享到:
评论

相关推荐

    JavaScript中获取Radio被选中的值

    原理就是:一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值. &lt;form id=userlist method=post action=option.php&gt; &lt;input type=radio name=userid value=1&gt;1 &lt;input type=radio name=...

    js单选radio切换

    js 单选 radio切换div

    js中获取jsp表单中radio类型的值简单实例

    本文将通过一个简单实例,讲解如何在JavaScript中获取JSP表单中单选按钮(radio)类型的值。 首先,我们需要了解单选按钮(radio)在HTML表单中的基本用法。单选按钮允许用户在一组选项中选择一个值,它通常使用`...

    js 特效 html 特效 RADIO导航(一)

    js 特效 html 特效 RADIO导航(一)

    js实现选择不同radio改变文本框编辑状态.txt

    js实现选择不同radio改变文本框编辑状态。多多指教。

    html中radio值的获取、赋值、注册事件示例详解

    要获取一组radio按钮中选中项的值,可以通过JavaScript或jQuery来实现。使用jQuery时,可以先通过name属性选中这组radio,然后使用jQuery提供的过滤方法“:checked”找到当前选中的radio按钮,之后再获取其值或属性...

    jsp中radio控件的使用

    在JavaServer Pages (JSP) 中,`radio` 控件是一种单选按钮,常用于创建一组选项,用户只能选择其中一个。本项目展示了如何在JSP页面中使用`radio`控件,结合JavaScript进行用户交互处理,如判断是否选中以及获取...

    用JS实现的radio图片选择按钮效果.rar

    "用JS实现的radio图片选择按钮效果"项目就是这样一个示例,它利用JavaScript语言来实现这种效果,为用户提供更加直观且美观的选项选择方式。 首先,我们要理解HTML中的radio按钮。Radio按钮通常用于在多个选项中让...

    js 特效 html 特效 Radio选择不同内容

    js 特效 html 特效 Radio选择不同内容

    自定义radio样式

    Zepto.js是一个轻量级的JavaScript库,与jQuery类似,它可以帮助我们在不引入大型库的情况下实现这些功能。 在提供的压缩包文件"自定义radio样式"中,应该包含示例的HTML和CSS代码,可能还有相应的JavaScript代码...

    js中的radio,checkbox,select例子

    一个小例子,含全选,有注释,学习一下这些表单元素的属性和方法

    自定义 input radio 兼容ie6

    3. **JavaScript**:使用JavaScript或jQuery监听`click`事件,当radio按钮被选中或取消选中时,更改`.custom-radio`的样式。在IE6下,这将是我们改变样式的唯一方式。 ```javascript // 使用原生JavaScript var ...

    js 特效 html 特效 Radio选择导航

    js 特效 html 特效 Radio选择导航

    jQuery实现一个自定义的单选按钮radio

    在本文中,我们将深入探讨如何使用jQuery来实现一个自定义的单选按钮(radio)组件,同时也会涉及相关的JavaScript和ECMAScript基础知识。 ### 1. jQuery基础 首先,我们需要了解jQuery的基本用法。jQuery通过 `$`...

    Radio按钮用法举例

    在工具应用方面,开发工具如Visual Studio、Eclipse或在线代码编辑器(如CodePen、JSFiddle)都支持Radio按钮的编写和测试。开发者可以通过这些工具快速原型化和调试相关功能。 在实际场景中,Radio按钮广泛应用于...

    JS获取选中的radio button的值

    在JavaScript中,Radio按钮(通常称为单选按钮)是一种HTML元素,用于在多个选项中让用户选择一个。在网页交互中,我们经常需要获取用户通过Radio按钮做出的选择。本篇文章将详细讲解如何使用JavaScript来获取选中的...

    用 Javascript 验证表单(form)中的单选(radio)值

    在使用JavaScript进行前端开发的过程中,表单验证是不可或缺的一个环节。表单中的单选按钮(radio)是一种常见且特殊的数据输入方式,允许用户在预设的多个选项中选择一个。由于其特殊的使用方式,验证单选按钮是否...

    用JS实现的radio图片选择按钮效果

    用JS实现的radio图片选择按钮效果,简单适用,适合新手。

    checkbox与radio好看的样式

    文件列表中出现了 "js" 目录,这可能意味着有 JavaScript 文件用于增强交互效果。例如,可以通过 JavaScript 监听 `change` 事件来动态更新关联的标签内容,或者使用 `addEventListener` 添加自定义行为。 4. **...

    用图片代替radio

    总结来说,"用图片代替radio"是一种提升用户界面设计感的技术,涉及到HTML、CSS和JavaScript的综合运用。在实现过程中,需要注意兼容性、交互性、响应式设计以及无障碍性,以提供更好的用户体验。通过学习和实践这些...

Global site tag (gtag.js) - Google Analytics