javascript radio 联动效果

<script>
function checkradio(o,x){
document.getElementsByName("inptB")[x-1].checked=o.checked
}
</script>
<input name="inptA" type="radio" id="inptA" onclick="checkradio(this,1)">aaa
<input name="inptA" type="radio" id="inptA" onclick="checkradio(this,2)">bbb
<input name="inptA" type="radio" id="inptA" onclick="checkradio(this,3)">ccc
<br>
<input name="inptB" type="radio" id="inptB">111
<input name="inptB" type="radio" id="inptB">222
<input name="inptB" type="radio" id="inptB">333

赞 (0)

相关推荐

  • 利用JavaScript更改input中radio和checkbox样式

    利用JavaScript更改input中radio和checkbox样式

    本文涉及到的图片 body { margin: 0px; padding: 0px; font-size: 13px; } .input_style { padding: 6px 0px; width: 600px; margin: 0px auto; border-bottom: #666666 1px dotted; } .input_style span { display: inline-block; width: 15px; height: 15px; text-align: left

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

    本文介绍了一个较为通用的获取 radio 值的方法,希望对新手有用. 复制代码 代码如下: <script type="text/javascript"> // 说明: 用 Javascript 验证表单(form)中的单选(radio)值 // 作者: CodeBit function getRadioValue(radio) { if (!radio.length && radio.type.toLowerCase() == 'radio') { ret

  • javascript radio值获取代码

    javascript 获取 radio 选中值 //Copyright 2008 //By 小吴同学 QQ:100052800 //Date 2008-11-25 //$写法,用于获取元素ID名称 function $(id){return document.getElementById(id);} //获取 radio 选中值 function GetValue(){ //获取 radio 所在容器名,根据容器名称搜索 radio 的标签 input var radios = $("radio

  • javascript RadioButtonList获取选中值

    <script> function GetRblSeletedValue(obj) { var rbltable =$(obj); var rbs= rbltable.getElementsByTagName("INPUT"); for(var i = 0;i<rbs.length;i++) { if(rbs[i].checked) { var text =rbltable.cells[i].innerText; var value=rbs[i].value; ale

  • javascript判断是否有对RadioButtonList选项选择

    javascript判断是否有对RadioButtonList选项选择

    写Javascript来判断是否有对RadioButtonList选项选择,效果如下: 准备好RadioButtonList数据源: Cosmetic.vb 复制代码 代码如下: Imports Microsoft.VisualBasic Namespace Insus.NET Public Class Cosmetic Private _ID As Integer Private _Type As String Private _Name As String Private _Weight A

  • javascript radio list的实现细节(多浏览器兼容)

    可支持方向键 当radio最后一个选中时,按小键盘后会自动跳回第一个 checked可自动触发onclick 支持各种浏览器,cross-browser Rank's HTML document /**/ radio list的妙用 可支持方向键 当radio最后一个选中时,按小键盘后会自动跳回第一个 checked可自动触发onclick 支持各种浏览器,cross-browser demo // [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • JavaScript判断表单提交时哪个radio按钮被选中的方法

    本文实例讲述了JavaScript判断表单提交时哪个radio按钮被选中的方法.分享给大家供大家参考.具体分析如下: 这里的表单提交时通过JavaScript判断哪个radio按钮被选中了 <script type="text/javascript"> function findButton() { var myForm = document.forms.animalForm; var i; for(i=0;i<myForm.marsupial.length; i++

  • javascript 获取radio的value的函数 [已测]

    1 2 3 4 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 第二种方法,思路与第一种相同 复制代码 代码如下: //预览函数 var colorid=""; function ShowTemp() { var eless = document.getElementsByName("colorStyle"); for(var i=0;i<eless.length;i++) { // alert(eless[i].checked+eless[i].

  • JavaScript判断用户是否对表单进行了修改的方法

    本文实例讲述了JavaScript判断用户是否对表单进行了修改的方法.分享给大家供大家参考.具体分析如下: 这段JS代码可以判断出用户是否对表单内容进行了修改,如果修改了表单,并退出浏览器,则会提醒用户是否要保存表单的内容,是非常有用的代码. function formIsDirty(form) { for (var i = 0; i < form.elements.length; i++) { var element = form.elements[i]; var type = element

  • javascript radio 联动效果

    <script> function checkradio(o,x){ document.getElementsByName("inptB")[x-1].checked=o.checked } </script> <input name="inptA" type="radio" id="inptA" onclick="checkradio(this,1)">aaa <

  • JavaScript实现输入框与清空按钮联动效果

    废话不多说了,直接给大家贴关键代码了,具体代码如下所示: <!DOCTYPE html><html><head><metacharset="UTF-8"><title>输入框清空按钮</title><scriptsrc="js/jquery1.8.3.min.js"></script><script>/** * 校验当前输入框的值,如果不为空显示清空按钮 *

  • 基于JavaScript实现省市联动效果

    基于JavaScript实现省市联动效果

    本文实例为大家分享了JavaScript实现省市联动效果的具体代码,供大家参考,具体内容如下 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>省市级联动效果</title> </head> <body onload="initProvince()"> 省

  • jquery+ajax实现省市区三级联动效果简单示例

    本文实例讲述了jquery+ajax实现省市区三级联动效果.分享给大家供大家参考,具体如下: 一直想学习下Ajax,没时间,汗,这借口太牵强了.下了点教程在手机里,翻了好几遍了,没实战一次. 最近的项目里需要Ajax实现效果,就下了个jquery,然后找了个实例,学习了一下,幡然醒悟,NND,jquery果然强大的一塌糊涂,实现Ajax简直就是不费吹灰之力.下面把学习过程跟大家分享下,虽然还没有搞清楚jquery ajax的底层相关.不管了.我们不需要去发明轮子.呵呵. 先上代码,是一个省市区三

  • 省市联动效果的简单实现代码(推荐)

    省市联动效果的简单实现代码(推荐)

    下拉框二级联动效果在日常应用场景中经常会碰到,尤其是涉及地区.品种等有多级选项时.例如:常见的省市联动下拉框,在选择省份时,城市列表也会更随改变. 思路: 1,所谓联动效果,是指出发父级的数据变化时,会影响到关联性子级数据元素的变化. 下面是造的省市的数据: var linkDatas = { provinces:[ { "code":"0", "name":"请选择" }, { "code":"

  • 基于JS实现省市联动效果代码分享

    基于JS实现省市联动效果代码分享

    在日常项目开发阶段经常见到下拉框二级联动效果,尤其是涉及地区.品种等有多级选项时.比如说:常见的省市联动下拉框,在选择省份时,城市列表也会更随改变. 思路: 1,所谓联动效果,是指出发父级的数据变化时,会影响到关联性子级数据元素的变化. 下面是造的省市的数据: var linkDatas = { provinces:[ { "code":"0", "name":"请选择" }, { "code":"

  • 基于jQuery+JSON的省市二三级联动效果

    省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统.电商网站最为常见.开发者一般使用Ajax实现无刷新下拉联动.本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果. HTML 首先在head中载入jquery库和cityselect插件. <script type="text/javascript" src="js/jquery.js"></script> <script ty

  • j2ee之AJAX二级联动效果

    本文实例为大家分享了AJAX二级联动效果的具体代码,供大家参考,具体内容如下 Ajax.js var createAjax = function(){ var ajax = null; try{ ajax = new ActiveXObject("microsoft.xmlhttp"); }catch(e1){ try{ ajax = new XMLHttpRequest(); }catch(e2){ alert("请换掉你的浏览器"); } } return aj

  • js省市联动效果完整实例代码

    js省市联动效果完整实例代码

    本文实例讲述了js省市联动效果.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <html> <head> <title></title> <script language="javascript" type="text/javascript"> //定义 城市 数据数组 cityArray = new Array(); cityArray[0] = new Array("北

  • js实现表单Radio切换效果的方法

    js实现表单Radio切换效果的方法

    本文实例讲述了js实现表单Radio切换效果的方法.分享给大家供大家参考.具体如下: 这里基于js实现表单中的Radio单选框切换效果,当选中某个单选框的时候,所属范围会一同变换,我觉得大家应该收藏一下,以前想用的时候苦苦叫不上这种效果的名字,现在找到了,而且实现起来竟然如此简单,有些地方要注意,获取标签名为myradio的标签. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-table-radio-cha-codes/ 具体代码如下:

随机推荐