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

HTNL代码:

<div id="divId" class="divTable">
    <div class="col-xs-4">
      <span class="control-label" data-i18n-text="check_all">全选</span>
         <input type='checkbox' name='messagecheckboxAll' id="messagecheckboxAll" value="" onclick="checkAll('#messagecheckboxAll');">
    </div>
    <div class="tableBody">
        <ul  id="messageReceiver">
            <li ><input type="checkbox" value="1" name='messagecheckbox>选项1</li>
            <li ><input type="checkbox" value="2" name='messagecheckbox>选项2</li>
            <li ><input type="checkbox" value="3" name='messagecheckbox>选项3</li>
            <li ><input type="checkbox" value="4" name='messagecheckbox>选项4</li>
        </ul>
    </div>
</div> 

单选获取所有选中项

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;
    }
}



猜你喜欢

转载自blog.csdn.net/supercookies/article/details/79785619