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