`

JS修改radio选中

阅读更多
JS修改radio选中

代码如下:

<SCRIPT LANGUAGE="JavaScript">
<!--
function change(radio_oj,aValue){    //传入一个对象
   for(var i=0;i<radio_oj.length;i++) //循环
   {
     if(radio_oj[i].value==aValue) //比较值
      {
        radio_oj[i].checked=true; //修改选中状态
         break; //停止循环
      }
   }
}
-->
</SCRIPT>
</HEAD>

<BODY>
<FORM METHOD="POST" ACTION="" name="myform">

<INPUT TYPE="radio" NAME="test" value="1" checked>男
<INPUT TYPE="radio" NAME="test" value="0">女    
<BR>
</FORM>
<INPUT TYPE="button" value="男" onclick="chang(document.myform.test,'1)">&nbsp;
<INPUT TYPE="button" value="女" onclick="change(document.myform.test,'0)">&nbsp;
</BODY>
分享到:
评论

相关推荐

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

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

    自定义radio&checkbox;样式

    在网页设计中,Radio按钮和Checkbox控件是常见的交互元素,用于用户的选择和确认操作。然而,它们的默认样式往往简单且缺乏个性化。本主题聚焦于如何使用CSS3来自定义Radio和Checkbox的样式,以提升用户体验并增加...

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

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

    用图片代替Radio选择value值.rar

    本教程将详细介绍如何在JavaScript(JS)中实现用图片代替Radio选择value值的功能。 首先,我们需要在HTML中设置Radio按钮,并为其添加相应的图片。每个Radio按钮都有一个唯一的ID和name属性,以确保用户只能选择一...

    checkbox与radio好看的样式

    通常,这样的文件会包括通用样式、布局样式、组件样式等部分,其中针对 `checkbox` 和 `radio` 的样式可能会被单独封装在某个选择器内,以保持代码的模块化和易维护。 6. **HTML 结构与布局** "index.html" 文件是...

    div仿radio插件

    2. **传值**:模拟radio的选中状态,可以将值关联到每个div元素,当用户选择某个选项时,插件会记录并返回所选值。这在表单提交或者数据处理中非常实用。 3. **回调**:支持回调函数,当用户更改选中状态时,可以...

    js实现动态改变radio状态的方法

    在本文中,我们将探讨如何使用JavaScript(JS)动态改变HTML中的单选按钮(radio)状态。单选按钮在网页交互中经常用于让用户在多个选项中选择一个。在某些情况下,可能需要自定义其行为,例如改变选中状态或者样式...

    修改xloadtree 支持checkbox radio 鼠标右键菜单

    "修改xloadtree支持checkbox radio鼠标右键菜单"这个主题涉及到的是对一个特定的JavaScript组件——xLoadTree的增强,使其具备更多功能,提升用户体验。下面将详细阐述这个主题所涵盖的知识点。 1. **xLoadTree**:...

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

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

    IOS应用源码——类似js的radio选项.zip

    该压缩包文件“IOS应用源码——类似js的radio选项.zip”主要包含了iOS平台上实现类似于JavaScript中的单选按钮(Radio Button)功能的应用源代码。在iOS开发中,这样的功能通常用于用户在一组互斥选项中进行选择。让...

    layui 实现自动选择radio单选框(checked)的方法

    在这篇文章中,我们关注的是使用Layui框架来实现自动选择单选框(radio)的功能,特别是设置单选框的“checked”属性。 首先,我们要了解的是,在HTML中,单选框的“checked”属性表示该单选框默认被选中。如果我们...

    JS实现单个图片选中美化框.zip

    在网页设计和开发中,JavaScript(JS)是一种强大的脚本语言,用于实现动态交互效果。本文将深入探讨如何使用JS实现单个图片选中美化框的功能,这是一个常见于图片相册应用中的特性,旨在提升用户体验。 首先,我们...

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

    为了使VBScript的代码能够与JavaScript类似地工作,可以对VBScript的`show`子程序进行修改,如上所示,通过`window.event.srcElement.name`获取事件源的名称,然后使用`document.getElementsByName()`来获取所有具有...

    前端项目-ion.checkradio.zip

    在实际应用中,开发者需要将ion.checkradio.js和相关的CSS文件引入到他们的项目中,然后通过jQuery选择器找到需要改变样式的复选框和单选按钮,并应用插件。这可以通过在JavaScript中调用`.ionCheckRadio()`方法来...

    radio点击事件修改样式

    在本文中,我们将深入探讨如何使用JavaScript和jQuery来实现单选按钮(radio)的点击事件,以修改其样式。在给定的示例中,主要涉及了两个功能函数:`activeRadio()` 和 `activeRadioBySelector()`,以及一个回调...

    js获取下拉列表中选中的值和文本

    ### JavaScript 获取下拉列表选中值与文本及单选按钮组值的方法 #### 一、获取下拉列表选中项的值和文本 在JavaScript中,我们经常需要处理表单元素,尤其是`&lt;select&gt;`标签,它用于创建下拉列表。获取`&lt;select&gt;`...

    Radio 单选JS动态添加的选项onchange事件无效的解决方法

    标题所指的知识点是“Radio单选JS动态添加的选项onchange事件无效的解决方法”。这个问题常常出现在使用JavaScript动态向页面中添加单选按钮(radio)时,为这些动态添加的单选按钮绑定的onchange事件无法正常触发。...

    微信小程序如何实现radio单选框单击打勾和取消

    这段代码修改了`radio`的初始尺寸、选中后的背景色和对勾的样式,使其更加美观。需要注意的是,对勾的大小和位置需要与背景尺寸匹配,以确保显示正常。 接下来,我们处理单击事件。在`wxml`(微信小程序的结构层)...

    自定义radio背景图标

    Radio按钮,也称为单选按钮,是用户界面中一种基本的交互元素,用于让用户在多个选项中选择一个。通常,radio按钮的样式由系统默认提供,但为了使用户界面更加个性化和符合品牌形象,开发者常常会对其进行自定义设计...

    js 获取radio按钮值的实例

    本实例将演示如何使用JavaScript来获取表单中的单选按钮组(radio button group)中用户选中的值。 首先,我们来看HTML部分。在这个例子中,我们有一个表单(form),其包含一组名称相同的单选按钮。每个单选按钮都...

Global site tag (gtag.js) - Google Analytics