javascript如何获取复选框中的值?

思路:获取checkbox对象→循环checkbox数组,根据checked属性判断是否选中→使用value属性获取选中项的值。实例演示如下:

1、HTML结构

<form>
    <input type="checkbox" name="ids" value="1" />
    <input type="checkbox" name="ids" value="2" />
    <input type="checkbox" name="ids" value="3" />
    <input type="button" value="显示" onclick="getIds()" />
</form>

2、javascript代码

function getIds(){
    var ids = document.getElementsByName("ids");
    var str = [];
    for(i=0;i<ids.length;i++){
        if(ids[i].checked){
            str.push(ids[i].value);
        }
    }
    console.log(str);
}

3、效果演示

原文地址:https://www.cnblogs.com/cap-rq/p/9153746.html

时间: 2024-10-11 04:59:03

javascript如何获取复选框中的值?的相关文章

jquery获取复选框checkbox的值

jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) Js代码 收藏代码 //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋

angularJs获取复选框中id 进行批量删除

主要思路:我们需要定义一个用于存储选中 ID 的数组,当我们点击复选框后判断是选择还是取消选择,如果是选择就加到数组中,如果是取消选择就从数组中移除.在点击删除按钮时需要用到这个存储了 ID 的数组.这里我们补充一下 JS 的关于数组操作的知识(1)数组的 push 方法:向数组中添加元素(2) 数组的 splice 方法:从数组的指定位置移除指定个数的元素 ,参数 1 为位置 ,参数2 位移除的个数(3)复选框的 checked 属性:用于判断是否被选中 具体代码: $scope.select

在JS中获取复选框选中的值

var months=""; var month=doncument.getElementsByName("month"); for(var i=0,i<month.length,i++){ if(month[i].checked==true){ if(i<(month.length-1)){ var months+=month[i].value+'i'; }else{ var months+=month[i].value; } } }

获取复选框中选中的值

function selectedservice() {           for(i=1;i<7;i++)           {               if ($("#inlineCheckbox" + i).is(':checked'))               {                   $("#SelectedService").val($("#inlineCheckbox" + i).val() + $(

JavaScript获取复选框的值

使用JavaScript获取复选框的值 <!DOCTYPE html> <html> <head> <meta charset="GBK"> <title>获取复选框的值</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script>

JavaScript操作checkbox复选框

JavaScript操作checkbox的方式和操作radio的方式相似,都是利用元素项的checked属性来完成.先获取checkbox元素集合,遍历集合,对集合中的每一项做操作. 这里讲几个常用的checkbox复选框的常见示例. 取值 给定页面 <body> <p> <label for="hobby">Hobby:   <input type="checkbox" name="hobby" val

判断复选框中是否有被选中的代码实例

判断复选框中是否有被选中的代码实例:复选框中一般多项,有时候我们需要判断这些付选中是否有被选中的项,下面就通过一个实例简单介绍一下如何实现此效果.代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name="author" content="http://www.softwhy.com/" /> <t

Jquery获取复选框的方法

转自:http://blog.csdn.net/longyangyangyang/article/details/6128141 html代码: <input type="checkbox" name="test" value="0" />0   <input type="checkbox" name="test" value="1" />1   <inpu

js获取复选框值

//js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值 for(var i=0;i<obj.length;i++){ if(obj[i].checked) //取到对象数组后,我们来循环检测它是不是被选中 s+=obj[i].value+','; //如果选中,