获取单选框框值的方法

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. schema中字段类型的定义

    当schema中字段类型为String时,保存的时候如果该字段为Number也可以保存成功,mongoose会自动将其转换为数字字符串. 当schema中字段类型为Number时,保存的时候如果该字段 ...

  2. Mac安装mtr与brow安装

    Mac安装mtr与brow安装 Mac里比较好的安装mtr方式是用Homebrew 或者MacPorts,本来想安装Homebrew,但大概是GFW的问题,下载地址无法访问,因为没有全局FQ,暂时不考 ...

  3. Unity编辑器下，界面替换NGUI字体以及字号

    项目中有需要批量替换字体以及字号的需求,一般也就是多语言处理吧. 提供界面如下: 手机拍图,就这样凑合看吧.但是代码不打折. 紧急避让,我只提供修改UILabel以及UIPopupList 下的字体, ...

  4. 【C/C++】C/C++中Static的作用详述

    在C语言中,static的字面意思很容易把我们导入歧途,其实它的作用有三条. ❶先来介绍它的第一条也是最重要的一条:隐藏.当我们同时编译多个文件时,所有未加static前缀的全局变量和函数都具有全局可 ...

  5. ubuntu 中DNAT SNAT配置实验.

    1.      目的 图1 如图1所示,有A,B两台计算机,其中A配置成普通PC,B是网关.实现由A向一个不存在的IP 发起tcp连接,并能向这个不存在的ip发送数据. 同时响应这个tcp连接的是B中 ...

  6. JAVA-JSP内置对象之page对象调用Servlet

    相关资料:<21天学通Java Web开发> page对象1.page对象代表JSP转译后的Servlet.2.通过page对象可以非常方便地调用Servlet类中定义的方法. pageD ...

  7. wcf会话、实例化、并发

    在asp.net中含有会话,是保存值,供所有的程序使用,同样在wcf中也有会话,供多个客户端使用. 会话的支持通常在契约定义的开始标出,如下 [ServiceContract(Namespace = ...

  8. Android 日历控件PickTime

    最近做项目,需要设置用户的生日,所以做这样一个功能. 开始发觉自带的 DatePicker 很是不好用. 上代码: <DatePicker android:id="@+id/dpPic ...

  9. 编译 Linux 3.5 内核烧写 Android 4.2.2 到 Tiny4412 开发板

    . . . . . 昨天已经编译了 Android 4.2.2 的源码,详见<Ubuntu 14.04 编译 Android 4.2.2 for Tiny4412>一文. 今天我们继续剩下 ...

  10. swift-Xcode7.x(7.1,7.2,7.3)新建playground运行不能运行

    swift-Xcode7.xhtml, body {overflow-x: initial !important;}.CodeMirror { height: auto; } .CodeMirror- ...