获取单选框框值的方法

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. SQLServer中进行sql除法运算结果为小数时显示0的解决方案

    转自:http://blog.sina.com.cn/s/blog_8020e41101019k7t.html SELECT field1/field2 FROM TB; 当 field1的数值 &g ...

  2. View：Android View的scrollTo(),scrollBy(),getScrollX(), getScrollY()的理解

    Android系统手机屏幕的左上角为坐标系,同时y轴方向与笛卡尔坐标系的y轴方向想反.提供了 getLeft(), getTop(), getBottom(), getRight() 这些API来获取 ...

  3. angular学习笔记(三十)-指令(10)-require和controller

    本篇介绍指令的最后两个属性,require和controller 当一个指令需要和父元素指令进行通信的时候,它们就会用到这两个属性,什么意思还是要看栗子: html: <outer‐direct ...

  4. iOS开发transform的使用

    // //  ViewController.m //  18-transform的使用 #import "ViewController.h" @interface ViewCont ...

  5. SpringBoot整合SpringKafka实现生产者史上最简代码实现

    该项目是使用的技术:SpringBoot  + SpringKafka + Maven 先看pom.xml文件中引入的依赖: <?xml version="1.0" enco ...

  6. Android.mk高级写法

    转:http://blog.csdn.net/langresser_king/article/details/8275291 原本只是想记录一些常用的使用技巧,但是越写越得意(>_<),忍 ...

  7. iOS友盟推送测试模式添加手机设备报红解决如下

    设备描述红色一般是没有往友盟发日志,或者appkey漏掉了.先检查是否正确的填写了推送的appkey,统计的方法为MobClick startWithAppkey:推送的方法为UMessage sta ...

  8. maprduce 中reduce数量

    @Override public int getPartition(Text key, FlowBean value, int numPartitions) { String prefix = key ...

  9. 【微信小程序】scroll-view与Page下拉冲突

    需求:主界面是个列表.列表可以纵向滑动,下拉添加新的条目Item.每个条目Item可以横向滑动. 发现做下拉时,用Page的enablePullDownRefresh和scroll-view条目的横向 ...

  10. Java中Connection方法笔记

    http://www.apihome.cn/api/java/Connection.html public interface Connectionextends Wrapper 与特定数据库的连接( ...