获取单选框框值的方法

function getRadioRes(Name){

    var rdsObj = document.getElementsByName(Name);

    var checkVal = null;

    for(i = ; i < rdsObj.length; i++){

        if(rdsObj[i].checked){checkVal = rdsObj[i].value;}

    }

    return checkVal;

}

单选框赋值方法

function set_input_value(arg, data){

    var label;

    label = document.getElementsByName(arg);

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

        if (label[i].getAttribute("value") == "" + data){

            label[i].setAttribute("checked", "checked");

        }else{

            label[i].removeAttribute("checked");

        }

    }

}

获取多选框赋值

<input type="checkbox" name="test" value=""/><span></span>

<input type="checkbox" name="test" value=""/><span></span>

<input type="checkbox" name="test" value=""/><span></span>

<input type="checkbox" name="test" value=""/><span></span>

<input type="checkbox" name="test" value=""/><span></span>

<input type='button' value='提交' onclick="fun()"/>
function fun(){

    obj = document.getElementsByName("test");

    check_val = [];

    for(k in obj){

        if(obj[k].checked)

            check_val.push(obj[k].value);

    }

    alert(check_val);

}

复选框赋值

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<div id="web_button" style="background:yellow; height:200px; width:200px;color:block;">

<input type="checkbox" name="test" value="" checked="checked"/><span></span>

<input type="checkbox" name="test" value=""/><span></span>

<input type="checkbox" name="test" value=""/><span></span>

<input type="checkbox" name="test" value=""/><span></span>

<input type="checkbox" name="test" value=""/><span></span>

<input type='button' value='提交' onclick="fun()"/>

</div>

    <script type="text/javascript">

     function fun(){

        set_many_checked_value("test", '["2"]');

    }

    function set_many_checked_value(input_name, data){

        var label;

        label = document.getElementsByName(input_name);

        data = JSON.parse(data);

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

            console.log(label[i]);

            for (var j = ; j < data.length; j++){

                if (label[i].getAttribute("value") == "" + data[j]){

                    label[i].setAttribute("checked", "checked");

                }

            }

        }

}

    </script>

</body>

</html>

js 获取单选框和复选框的值和js dom方法给单选框和多选框赋值的更多相关文章

  1. JS获取/设置iframe内对象元素、文档的几种方法

    1.IE专用(通过frames索引形象定位): document.frames[i].document.getElementById('元素的ID'); 2.IE专用(通过iframe名称形象定位): ...

  2. JS获取客户端IP地址、MAC和主机名的7个方法汇总

    今天在搞JS(javascript)获取客户端IP的小程序,上网搜了下,好多在现在的系统和浏览器中的都无效,很无奈,在Chrome.FireFox中很少搞到直接利用ActiveX获取IP等的JS脚本. ...

  3. JS获取填报扩展单元格控件的值

    1. 问题描述 填报预览时,我们想获取到某个控件的值相对来说较容易.但如果控件是扩展的,就只能获取到第一个值,无法根据扩展一行行获取对应的值. 例:本意是想获取到袁成洁,结果还是获取到第一个单元格值孙 ...

  4. js获取不到动态添加的标签的值的解决方法

    遇到了js无法获得动态添加的标签的值,百度了一番,最后自己解决了问题,但是原理现在还不怎么明确. $("input[id='txtAttValue']").each(functio ...

  5. js获取图片信息（二）-----js获取img的height、width宽高值为0

    首先,创建一个图片对象: var oImg= new Image(); oImg.src = "apple.jpg"; 然后我们打印一下图片的信息: console.log(oIm ...

  6. js获取gridview模板列中textbox行列的值

    下面一个例子:在gridview中第一列输入数值,第二列输入数值,点击第三列的时候进行计算 求和,如果不符合标记为红色字体. 如图: 代码 : <html xmlns="http:// ...

  7. 转：js获取json中key所对应的value值

    <script type="text/javascript"> getJson('age'); function getJson(key){ var jsonObj={ ...

  8. js获取链接？后边的参数名称或者值

    1.获取后边的参数名称<script type="text/javascript"> var url = location.search; //获取url中" ...

  9. 前端JS获取路由地址里的参数QueryString取值

    参数的获取 声明一个函数 //参数name是路由参数 engNo function getQueryString(name) { var reg = new RegExp("(^|& ...

随机推荐

  1. OpenCV中图像算术操作与逻辑操作

    OpenCV中图像算术操作与逻辑操作 在图像处理中有两类最重要的基础操作各自是图像点操作与块操作.简单点说图像点操作就是图像每一个像素点的相关逻辑与几何运算.块操作最常见就是基于卷积算子的各种操作.实 ...

  2. rsync 实现文件同步 (重要数据通过rsyncr把数据同步到不同的两台服务器上,这样可以防止服务器的硬盘故障导致数据丢失) 客户端同步时如果要排某个目录

    rsync是unix系统下的数据镜像 备份工具,一般linux系统都 自带: # rpm -qa|grep rsync rsync-3.0.9-17.el7.x86_64 服务器端:10.100.0. ...

  3. iOS开发之按钮的基本使用

    实现功能: 点击向上的箭头,按钮图片向上,移动,点击向下的箭头,按钮图片向下移动 点击向左的箭头,按钮图片向左移动,点击向右的箭头,按钮图片向右移动, 点击加号图片放大,点击减号,图片缩小 第一步: ...

  4. Android 编程下 Eclipse 恢复被删除的文件

    开发过程中文件误删除,又没有 Git,SVN 等版本控制软件的备份,怎么办? Eclipse 自带了恢复历史文件的功能:在项目上点击右键,选择 Restore from Local History,在 ...

  5. ListView数据更新后，自动滚动到底部（聊天时常用）| Listview Scroll to the end of the list after updating the list

    转:http://www.cnblogs.com/bjshsqlt/p/3311830.html If you would like to after you have updated by list ...

  6. Hadoop守护进程【简】

    [转自]http://xzx4959.blog.163.com/blog/static/47868170201311901848348/ 一般如果正常启动hadoop,我们可以在master上通过jp ...

  7. js实现裁剪头像上传编辑器

    插件: 1.富头像上传编辑器是一款支持本地上传.预览.视频拍照和网络加载的flash头像编辑上传插件,可缩放.裁剪.旋转.定位和调色等. http://www.fullavatareditor.com ...

  8. ROW_NUMBER() OVER函数的基本用法，也可用于去除重复行

    语法:ROW_NUMBER() OVER(PARTITION BY COLUMN ORDER BY COLUMN) 简单的说row_number()从1开始,为每一条分组记录返回一个数字,这里的ROW ...

  9. 【Ubuntu】服务器状态命令

    序号 命令名称 命令 1 查看Ubuntu版本 cat /etc/issue2 查看物理CPU个数 cat /proc/cpuinfo| grep "physical id"| s ...

  10. iOS全局变量的声明和使用

    在一个项目中,我们可能需要定义几个全局变量,在我们程序的任何位置都可以进行访问,提高我们的开发效率.在iOS中我们如何来实现呢?我们主要使用的是AppDelegate类来实现.如下: (1)AppDe ...