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

js javascript 根据后台的值默认选中单选按钮,radio,单选默认值,单选扭默认

 
阅读更多

js javascript 根据后台的值默认选中单选按钮,radio,单选默认值,单选扭默认

<html>
    <head>
        <title>初始化单选</title>
        <script>
            function initradio(rName,rValue){
                var rObj = document.getElementsByName(rName);

                for(var i = 0;i < rObj.length;i++){
                    if(rObj[i].value == rValue){
                        rObj[i].checked =  'checked';
                    }
                }
            }
        </script>
    </head>
    <body>
        <form action="#">
            红色<input type="radio" name="tRadio" value="1">
            白色<input type="radio" name="tRadio" value="2">
            黑色<input type="radio" name="tRadio" value="3">
            蓝色<input type="radio" name="tRadio" value="4">
        </form>
        <script>
            initradio('tRadio',3);
        </script>
    </body>
</html>

 

分享到:
评论

相关推荐

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

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

    vue 表单之通过v-model绑定单选按钮radio

    在页面加载时,如果希望某个单选按钮默认被选中,可以通过在Vue实例的`data`对象中为`v-model`所绑定的属性设置初始值。例如,要让"Male"选项默认选中,只需这样定义`data`: ```javascript data() { return { ...

    javascript radio值获取代码

    在JavaScript中,Radio按钮是一种单选按钮控件,通常用于在多个选项中让用户选择一个。在HTML表单中,Radio按钮通常成组出现,共享相同的name属性,以便于用户只能选择其中的一个。本文将深入探讨如何使用JavaScript...

    Jquery获取radio选中的值

    在本篇文章中,我们将探讨如何使用 jQuery 获取单选按钮(radio)选中的值。这对于实现用户交互和数据提交等功能至关重要。 首先,让我们了解 HTML 中的单选按钮(radio)元素。在 HTML 中,`&lt;input type="radio"&gt;`...

    csdn提问单选框附件

    在IT领域,尤其是在网页设计、表单构建以及用户交互体验方面,单选框(Radio Button)是一种常见的元素,用于让用户从一系列预设选项中选择一个。在【标题】"csdn提问单选框附件"中提到的问题,主要是关于在创建调查...

    JQuery操作checkbox、radio等示例

    而radio则是单选按钮,用户只能选择其中一个选项。 在jQuery中,操作这些元素通常涉及到选择它们,改变它们的状态,以及响应用户的交互。以下是一些常见的jQuery操作: 1. **选择元素**:jQuery提供了多种选择器,...

    javascript\JS使用大全收藏

    5. **表单元素交互**:`&lt;input type="radio"&gt;`和`&lt;label&gt;`结合使用,可以让用户通过点击文字来选择单选按钮。`onclick`事件可以在文字域中触发,增强用户体验。 6. **打印功能**:`window.print()`函数可以方便地...

    网页常用javascript

    JavaScript,也被称为JS,是一种广泛应用于网页开发的脚本语言,它主要负责处理网页的交互性和动态效果。这里我们详细探讨一下标题和描述中提到的一些关键JavaScript知识点。 1. **事件处理**: - `onBlur`:当...

    Javascript应用实例汇总

    示例展示了如何使用`&lt;input type="radio"&gt;`来创建一组单选按钮,并通过`&lt;label&gt;`标签关联相应的文本描述。这种方式能够帮助用户更直观地理解选项含义。 ### 11. 使用`onFocus`事件 尽管示例中的第11条没有给出具体...

    js 验证表单中的值是否改变

    表单用于收集用户输入的数据,通常包含各种表单控件,如文本输入框(`&lt;input type="text"&gt;`)、密码输入框(`&lt;input type="password"&gt;`)、复选框(`&lt;input type="checkbox"&gt;`)、单选按钮(`&lt;input type="radio"&gt;`...

    JavaScript语法一览表

    - **描述**:创建一个单选按钮,可以设置名称、值、是否默认选中及点击时触发的JavaScript函数。 - **应用场景**:适用于单选场景,如性别选择等。 ##### 2.14 Reset(重置按钮) - **语法**: ```html [onclick=...

    js技巧200例

    JavaScript,简称JS,是一种广泛用于网页和网络应用的编程语言,尤其在前端开发中起着核心作用。这里我们探讨一下给定文件中的200个JS技巧实例。 1. **文本框焦点问题**:通过`onFocus`和`onBlur`事件处理函数,...

    JavaScript一些技巧(转载)

    根据给定的文件信息,以下是对“JavaScript一些技巧”中涉及的关键知识点的详细解析: ### 1. 事件处理:`onBlur`, `onFocus`, `onChange`, `onSelect` 在网页开发中,事件处理是与用户交互的核心部分。`onBlur`...

    layui中select,radio设置不生效的解决方法

    标签中提到的关键词“layui select radio 设置”,直接指出了文章的主题是关于layui框架中select下拉框和radio单选按钮的设置问题。 在提供的部分内容中,我们可以提炼出以下几个关键点: 1. **禁用状态的解除**:...

    HTML5表单中input元素及属性.pdf

    - `checked`: 默认选中复选框或单选按钮。 - `maxlength`: 限制输入的最大字符数。 - `autocomplete`: 开启或关闭表单字段的自动补全功能。 - `autofocus`: 页面加载后自动获取焦点。 - `form`: 指定输入元素...

    js常用经验总结

    单选按钮组的每个成员都有 `checked` 属性,用于检查其是否被选中。 ##### 34. 获取下拉列表的值 ```javascript var value = document.forms[0].selectName.options[n].value; ``` 下拉列表的选择项可以通过 `...

    JavaScript技巧大全.doc

    16. **根据选项改变页面颜色**:可以编写JavaScript代码来监听用户的选择,并根据选择改变页面的背景颜色或其他样式。 以上都是JavaScript在网页交互设计中的实用技巧,它们极大地增强了用户的体验,使得网页更加...

Global site tag (gtag.js) - Google Analytics