`
wjt276
  • 浏览: 650436 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

JavaScript 设置和获得Radio的选中值-转

阅读更多
function setCheckedValue(radioName, newValue) {   
    if(!radioName) return;   
       var radios = document.getElementsByName(radioName);      
       for(var i=0; i<radios.length; i++) {   
          radios[i].checked = false;   
          if(radios[i].value == newValue.toString()) {   
          radios[i].checked = true;   
       }   
        }   
}  

 

获得单选框选中值

 

function getRadioValue(radioName){//得到radio的值      
        var obj=document.getElementsByName(radioName);      
        for(var i=0;i<obj.length;i++){      
        if(obj[i].checked){      
            alert(obj[i].value);   
            return obj[i].value;      
            }      
        }      
    }   

 

分享到:
评论

相关推荐

    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表单中的基本用法。单选按钮允许用户在一组选项中选择一个值,它通常使用`...

    JS获取选中的radio button的值

    本篇文章将详细讲解如何使用JavaScript来获取选中的Radio button的值以及相关的知识点。 首先,Radio按钮在HTML中的基本结构如下: ```html &lt;input type="radio" id="option1" name="options" value="1"&gt; ...

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

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

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

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

    判断radio是否被选中

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

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

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

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

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

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

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

    javascript获得单选框的值

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

    自定义radio样式

    3. **图形化样式**:我们可以使用`border-radius`来创建圆形,配合`width`和`height`设置大小。然后,通过`background-color`或`background-image`来添加背景色或图片,以达到自定义外观的效果。例如,我们可能创建...

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

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

    elementUi vue el-radio 监听选中变化的实例代码

    当 el-radio-group 的选中值变化时,changeHandler 方法就会被调用,并打印出新选中的值。 此外,文章还提到了如何监听屏幕大小的变化,并根据屏幕尺寸调整页面布局或样式。具体来说,可以在 Vue 组件的 mounted ...

    vue 实现单选框设置默认选中值

    这里,`radio: '0'`确保当Vue实例初始化时,`radio`属性的值被设置为`0`,这将使与该值对应的单选框被默认选中。在上面的HTML代码中,`v-for`循环生成的单选框值分别为`0`、`1`和`2`,所以第一个单选框(值为`0`)会...

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

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

    jsp中radio控件的使用

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

    javascript radio值获取代码

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

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

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

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

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

Global site tag (gtag.js) - Google Analytics