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="" οnclick="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;
    }
}



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值