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


    
    
    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属性就是用来表示是否选中的
  • 相关阅读:
    nginx与uwsgi介绍
    Pycharm快捷键
    短信和图片验证码
    linux部署Django脱坑指南
    面试题汇总(七)
    面试题汇总(六)
    面试题汇总(五)
    面试题汇总(四)
    面试题汇总(二)
    iOS Block的本质(四)
  • 原文地址:https://www.cnblogs.com/mengyuxin/p/5277754.html
Copyright © 2020-2023  润新知