checkbox 获取值、设置选中、全部选中值

HTNL代码:

    
全选
  • 选项2
  •            
  • 选项4

单选获取所有选中项

var allReceiver;
//单选:获取所有选中项的value值
function showReceiver(){
    obj = document.getElementsByName("messagecheckbox");
    var check_val = [];
    for(k in obj){
        if(obj[k].checked)
            check_val.push(obj[k].value);
    }
    allReceiver=check_val.toString();//获取所有选中的value值
}

全选按钮控制全部选中

//全选按钮:控制全部选中和全部未选中
function checkAll(Obj) {
    //获取控制其它复选框的对象obj---全选按钮
    var allCheckBox = document.getElementById("messagecheckboxAll");
    //获取需要全选,全不选功能的所有复选框
    var everyCheckBox = document.getElementsByName("messagecheckbox");
    //如果obj被选中,则全选
    if (allCheckBox.checked){
        //循环设置所有复选框为选中状态
        for(var i = 0; i < everyCheckBox.length; i++)        
            [i].checked = true;
    }else{//取消obj选中状态,则全不选
        //循环设置所有复选框为未选中状态
        for(var i = 0; i < everyCheckBox.length; i++)
            everyCheckBox[i].checked = false;
    }
}



你可能感兴趣的:(J-S)