jquery checkbox全选,全不选,反选方法,
jquery checkbox全选只能操作一次,
jquery checkbox全选只有第一次成功
Js代码 下载
/**
* 全选
* 对于Jquey1.7.2+版本,使用attr会造成只能操作一次。
* 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
* 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
* @param checkName
*/
function checkAll(checkName){
$("input[name='"+checkName+"']").prop("checked", true);
};
/**
* 全不选
* @param checkName
*/
function checkNone(checkName){
$("input[name='"+checkName+"']").prop("checked", false);
};
/**
* 反选
* @param checkName
*/
function checkReverse(checkName){
$("input[name='"+checkName+"']").each(function(){
if($(this).prop("checked")){
$(this).prop("checked", false);
}else{
$(this).prop("checked", true);
}
});
};
/**
* 获取checkbox选中数量
* @param name checkbox的name值
*/
function getCheckBoxLength(name){
var length = 0;
var checkboxes;
if(name == null || name == ""){
checkboxes = document.getElementsByTagName("input");
for(var j=0;j<checkboxes.length;j++){
if(checkboxes[j].type=='checkbox' && checkboxes[j].checked){
length+=1;
}
}
}else{
checkboxes = document.getElementsByName(name);
for(var i=0;i<checkboxes.length;i++){
if(checkboxes[i].checked){
length+=1;
}
}
}
return length;
};
function getCheckedLength(name){
var length = 0;
if(name == null || name == ""){
alert("请添加参数name");
}else{
var inputs = document.getElementsByName(name);
for(var i=0;i<inputs.length;i++){
if(inputs[i].checked){
length += 1;
}
}
}
return length;
};
function getCheckedValue(name){
var value = null;
if(name == null || name == ""){
alert("请添加参数name");
}else{
var inputs = document.getElementsByName(name);
for(var i=0;i<inputs.length;i++){
if(inputs[i].checked){
value = inputs[i].value;
break;
}
}
}
return value;
};
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。