获取单选框框值的方法

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. android使用百度地图SDK 去掉百度Logo的小技巧

    // 隐藏logoView child = mMapView.getChildAt(1); if (child != null && (child instanceof ImageVi ...

  2. [Windows Azure] Learn SQL Reporting on Windows Azure (9-Step Tutorial)

    Learn SQL Reporting on Windows Azure (9-Step Tutorial) 4 out of 4 rated this helpful - Rate this top ...

  3. (装机)关于WINRE/ESP/LRS_ESP/MSR/PBR这些分区

    WINRE 1GB 用途:Windows 8 系统恢复模式.这个分区是保存是在Windows 8 系统主体本身被破坏无法正常启动的时候进行系统修复的Windows 8 PE系统.. ESP 260MB ...

  4. 前端js上传文件插件

    1. plupload文件上传 2.ajaxfileupload文件上传

  5. 【Python】TCP Socket的粘包和分包的处理

    Reference: http://blog.csdn.net/yannanxiu/article/details/52096465 概述 在进行TCP Socket开发时,都需要处理数据包粘包和分包 ...

  6. Where-To-Put-The-Auto-Layout-Code(AutoLayout代码应该放在哪里?)

    Where-To-Put-The-Auto-Layout-Codehtml, body {overflow-x: initial !important;}html { font-size: 14px; ...

  7. Dell 服务器阵列扩容【经验分享(转)】

    看到论坛有朋友发帖询问Dell服务器的扩容,索性整理下之前做的文档,发出来和大家做个分享. 做之前给大家提醒2个注意点:①请做好数据备份,相同于HP.IBM,该扩容过程是不可逆的.②本扩容方法支持同级 ...

  8. 关于C#单例Singleton的看法和使用

    首先明白一点,什么是单例模式? 单例模式是指一个类在一个应用程序运行时仅仅实例化一次,以后所有的调用都使用第一次实例化的对象,是应用程序级别的,与session,用户等无关,它比全局参数或静态类方式更 ...

  9. ambari删除脚本

    #.删除hdp.repo和hdp-util.repo cd /etc/yum.repos.d/ rm -rf hdp* rm -rf HDP* #rm -rf ambari* #.删除安装包 #用yu ...

  10. 【oneday_onepage】—— 美国人的仪容整洁与个人卫生

    There used to be an old joke in America that people should take a bath once a week, whether they nee ...