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