`
gsforyou
  • 浏览: 2113 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

JavaScript 设置和获得Radio的选中值

阅读更多
设置单选框默认值:

function setCheckedValue(radioName, newValue) {  

    if(!radioName) return;  

     var radios = document.getElementsByName(radioName);     

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

          radios.checked = false;  

          if(radios.value == newValue.toString()) {  

                radios.checked = true;  

           }  

     }  



获得单选框选中值:

01.function getRadioValue(radioName){//得到radio的值     
02.        var obj=document.getElementsByName(radioName);     
03.        for(var i=0;i<obj.length;i++){     
04.        if(obj.checked){     
01.            alert(obj.value);  
01.            return obj.value;     
01.            }     
02.        }     
03.    } 
分享到:
评论

相关推荐

    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中获取jsp表单中radio类型的值简单实例

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

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

    总的来说,理解和运用radio的这些基本操作对于制作有效的交互式Web表单是十分必要的,无论是对于新手朋友还是熟练的前端开发者来说,确保用户能清楚地进行选择并得到相应的反馈都是开发中不可或缺的一环。

    JS获取选中的radio button的值

    在JavaScript中,Radio按钮(通常称为单选按钮)是一种HTML...总结来说,获取选中的Radio按钮的值主要涉及HTML的Radio元素、JavaScript的DOM操作和事件处理。理解并掌握这些知识点对于开发交互性强的Web应用至关重要。

    jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法

    在处理用户交互时,尤其是表单元素如单选按钮(radio buttons)时,jQuery提供了方便的方法来获取选中值以及清除选中状态。下面我们将详细探讨如何使用jQuery实现这些功能。 首先,我们来看如何获取单选按钮的选中...

    JQuery判断radio是否有选中,获取选中的值

    本文将深入探讨如何使用jQuery来判断单选按钮(radio)是否有被选中,并获取选中的值。 首先,我们需要理解HTML中的`&lt;input type="radio"&gt;`元素。在网页中,单选按钮通常用于提供一组互斥的选择选项,用户只能选择...

    jQuery中如何判断radio选中(4种方法)

    ### jQuery中如何判断radio选中(4种方法) 在Web开发中,经常需要处理表单数据,特别是用户交互部分的数据验证。对于`&lt;input type="radio"&gt;`元素来说,了解其选中状态是非常重要的,这有助于我们在前端进行逻辑...

    javascript获得单选框的值

    我们的目标是编写一个JavaScript函数,该函数能够接收单选按钮组的`name`属性作为参数,并返回当前选中的单选按钮的值。如果没有任何单选按钮被选中,则返回空字符串或其他表示未选中的标志。 #### 示例代码分析 ...

    判断radio是否被选中

    - **功能实现:**通过设置`name`属性为相同的值,可以确保这些`radio`按钮处于同一个选择组中,用户每次只能选择一个选项。 #### 三、JavaScript函数`test(obj)` **知识点概述:** 该函数用于检测具有相同`name`...

    jQuery设置和获取select、checkbox、radio的选中值方法

    熟练掌握这些控件的设置和获取选中值的方法,能够显著提升开发效率。下面我们将详细讲解jQuery如何处理这三种表单元素的选中状态。 1. 设置和获取单选下拉框(select)的选中值: - 当`option`标签没有`value`属性...

    JS 如何获取radio选中后的值及不选择取radio的值

    在JavaScript中,获取单选按钮(radio)选中后的值是一项常见的任务,特别是在表单提交时。单选按钮通常用于提供一组互斥的选择,用户只能选择其中的一个。在本文中,我们将探讨如何在用户选择或未选择单选按钮时...

    jsp中radio控件的使用

    本项目展示了如何在JSP页面中使用`radio`控件,结合JavaScript进行用户交互处理,如判断是否选中以及获取选中的`radio`控件的值。 首先,我们来理解`radio`控件的基本结构。在HTML中,`&lt;input&gt;`标签用于创建`radio`...

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

    在JavaScript中,我们可以通过DOM(文档对象模型)操作来获取和设置单选按钮的值。在进行验证之前,我们需要先获取到单选按钮的DOM元素。通常情况下,可以使用document.getElementById()、document....

    javascript radio值获取代码

    总之,通过JavaScript获取Radio按钮的选中值主要涉及到DOM操作和遍历,理解这些基础知识对于编写交互式的网页应用至关重要。同时,合理封装代码可以提高代码的可维护性和复用性,是提升开发效率的有效手段。

    分别用vbscript和javascript实现显示radio的选项值.doc

    在这个例子中,我们展示了如何使用两种不同的脚本语言——VBScript和JavaScript,来实现在用户点击单选按钮(Radio)时,实时显示所选的选项值。 首先,让我们看看VBScript的实现。VBScript是一种在早期的ASP...

    layui监听select变化,以及设置radio选中的方法

    总结,layui的form模块为我们提供了便捷的方式来监听select变化和设置radio选中状态,通过合理的HTML结构和JavaScript代码,我们可以轻松地实现这些功能,提高用户体验。同时,对于select的初始显示和动态添加的元素...

    JQuery控制radio选中和不选中方法总结

    四、根据值设置radio选中 如果我们知道radio按钮的value值,可以通过以下方式设置其选中状态: ```javascript $("input[name='radio_name'][value='要选中Radio的Value值']").attr("checked", true); ``` 这段...

    jQuery获取radio选中项的值实例

    在网页开发中,jQuery是一个...在本实例中,我们探讨的是如何使用jQuery获取单选按钮(radio)选中项的值。单选按钮通常用于提供用户从多个选项中选择一个的情况。 首先,让我们解析一下给出的代码片段: ```html ...

Global site tag (gtag.js) - Google Analytics