首页 > Web开发 > 详细

js 获取复选框 和 并改变状态

时间:2016-03-15 00:17:25      阅读:315      评论:0      收藏:0      [点我收藏+]

function checkAll() {
          var checkbox = document.getElementById(‘vegeids‘);//
          var boxes = document.getElementsByName("vegeid");
          if(checkbox.checked){
                for(i=0;i<boxes.length;i++){
                          boxes[i].checked = true;
                }
          }    else{
                   $(":checkbox").attr("checked", false);   
          }  
                
      } 
    

 

思路:获取checkbox对象,根据value属性设置checkbox的checked属性(true为选中,false为取消选中)。下面实例演示——根据文本框的制定值设置复选框的选中项:
1、HTML结构
<input name="test" type="checkbox" value="1" />item-1
<input name="test" type="checkbox" value="2" />item-2
<input name="test" type="checkbox" value="3" />item-3<br>
<input name="test" type="checkbox" value="4" />item-4
<input name="test" type="checkbox" value="5" />item-5<br>
<input type="text" id="val"><input type="button" value="确定" onclick="fun()">
2、javascript代码
function fun(){
    var val = document.getElementById("val").value.split(",");
    var boxes = document.getElementsByName("test");
    for(i=0;i<boxes.length;i++){
        for(j=0;j<val.length;j++){
            if(boxes[i].value == val[j]){
                boxes[i].checked = true;
                break
            }
        }
    }
}

 

input type="checkbox" id="test" /> 这是要给checkbox

<button onclick=‘check()‘>test</button>
1
2
3
4
5
6
7
8
9
function check(){
  var checkbox = document.getElementById(‘test‘);//
  alert(checkbox.checked);//是否被选中
  if(checkbox.checked){
    //选中了
  }else{
     //没选中
  }
}
checked属性就是用来表示是否选中的

 

js 获取复选框 和 并改变状态

原文:http://www.cnblogs.com/mengyuxin/p/5277754.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!