1、
<div class=''selects_other">
<a id="aaa"> <input type="checkbox" name="checkbox" value="checkbox1">checkbox1</a>
<a id="bbb"><input type="checkbox" name="checkbox" value="checkbox2">checkbox2</a>
<a id="ccc"><input type="checkbox" name="checkbox" value="checkbox3">checkbox3</a>
</div>
2、判断是否有checkbox被选中
var names = document.getElementsByName("check");
var flag = false ;//标记判断是否选中一个
for(var i=0;i<names.length;i++){
if(names[i].checked){
flag = true ;
break ;
}
}
if(!flag){
jQuery("#myModa2").trigger('reveal:close');
}
2、动态获取选中的数据
$(".selects_other").find("input:checkbox:checked").each(function() {
code = $(this).val();//获取id
name = $(this).parent().text(); //获取人名
});
3、选中当前行就选中当前checkbox
$(".selects_other").find('input').attr("checked", false);//取消所有选中
$("#"+id).find('input').attr("checked", true); //id是每个checkbox的id
4、 //全选
function selectAll() {
var names = document.getElementsByName("check");
for(var i=0;i<names.length;i++){
names[i].checked=true;
}
}
//全不选
function selectNone() {
var names = document.getElementsByName("check");
for(var i=0;i<names.length;i++){
names[i].checked=false;
}
}
//反选
function selectInvert() {
var names = document.getElementsByName("check");
for(var i=0;i<names.length;i++){
if(names[i].checked){
names[i].checked=false ;
}else{
names[i].checked=true ;
}
}
}
5、点击tr选中当前行的checkbox
第一种方法:
<%--点击tr选中check'ed--%>
function SetCheckBox_Check(obj) {
if ($(obj).find("input").attr("checked") == 'checked') {
//已选中的行取消选中
$(obj).find("input").attr("checked", false);
} else {
//未选中的行,进行选中
$(obj).find("input").attr("checked", true);
}
}
第二种方法:
//点击tr选择对应的checkbox
$("tr").click(function(e){
var check = $(this).find("input[type='checkbox']");
if(check){
var flag = check[0].checked;
if(flag){
check[0].checked = false;
}else{
check[0].checked = true;
}
}
});
注意:
tr选中会与checkbox冲突,故需要给checkbox添加阻止冒泡事件
$("input[type='checkbox']").click(function(e){
e.stopPropagation();
});