jquery checkbox全选,全不选,反选方法,

jquery checkbox全选只能操作一次,

jquery checkbox全选只有第一次成功

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2016年10月10日 10:32:45 星期一

http://fanshuyao.iteye.com/

/**
* 全选
* 对于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;
};

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2016年10月10日 10:32:45 星期一

http://fanshuyao.iteye.com/

jquery checkbox全选,全不选,反选方法,jquery checkbox全选只能操作一次的更多相关文章

  1. JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点

    今天遇见这么一个小小的问题,就是文本框中需要输入内容才可以提交,如果没有输入就提示并使该文本框获得焦点! 这么一个简单的事情如果没有使用 jQuery的话 是不是对象.focus()就可以了, Jav ...

  2. 【jQuery】复选框的全选、反选,推断哪些复选框被选中

    本文与<[JavaScript]复选框的全选.反选.推断哪些复选框被选中>(点击打开链接)为姊妹篇,把里面内容再与jQuery框架中实现一次,相同做到例如以下的效果: 布局还是相同的布局, ...

  3. jQuery实现复选框的全选、反选、并且根据复选框的<checked属性>控制多个对应div的显示/隐藏

    <!doctype html><html> <head> <meta charset="utf-8"> <title>j ...

  4. Java 多选框的全选、多选、反选(JQuery 实现)

    jQuery 实现全选.多选.反选 学习内容: 需求 总结: 学习内容: 需求 jQuery 实现全选.多选.反选 实现代码 <!DOCTYPE html> <html lang=& ...

  5. springMvc接收ajax数组参数,以及jquery复选框选中、反选、全选、全不选

    一.复选框选中.反选.全选.全不选 html代码: <input type='checkbox' name='menuCheckBox' value='10' >苹果 <input ...

  6. jquery实现全选,取消,反选的功能&实现左侧菜单

    1.全选,取消,反选的例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...

  7. JQuery实现表格的全选和反选,以及分页勾选保存(laypage插件分页的使用)

    需求: 1.全选与取消全选 2.单个勾选,点击表格单元格中checkbox勾选,也可以在点击行勾选,便与用户操作 3.分页勾选保存 4.固定表头 功能一: 说明:操作全选按钮的同时,遍历每一个tr中的 ...

  8. checked 完整版全选,单选,反选

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel= ...

  9. jQuery---prop方法和表格全选案例

    prop方法和表格全选案例 对于布尔类型的属性,不用attr方法,应该用prop方法 prop用法跟attr方法一样 <input type="button" value=& ...

随机推荐

  1. 《C++ Primer Plus 第六版》读书笔记

    CH1-3:处理数据 1 列表初始化 char c={31325}:不允许缩窄 char c={66}; char c={x}:不能为变量 2 强制类型转换 (typename) value type ...

  2. MVC模式 - 理解J2EE模式

        MVC模式Model-View-Controller头字母的缩写,中文翻译为“模型-视图-控制器” 模式(或者模型).该模式把一个GUI应用划分 业务逻辑处理(M),画面表示(V),控制(C) ...

  3. java@ 利用ArrayList实现dijkstra算法以及topological 排序算法(java.util.ArrayList)

    package dataStructure; import java.util.ArrayList; import java.util.LinkedList; import java.util.Que ...

  4. HDU-4655 Cut Pieces 数学,贪心

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4655 先不考虑相临的有影响,那么总数就是n*prod(ai),然后减去每个相邻的对总数的贡献Σ( Mi ...

  5. HDU-4694 Professor Tian 概率DP

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4649 题意:给一个位运算的表达式,每个运算符和其后的运算数有一定概率不计算,求最后表达式的期望. 因为 ...

  6. HDU-4647 Another Graph Game 贪心,博弈

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4647 注意这题两人的决策是想要使得自己的分数与对方的差值最大.. 注意到数据范围,显然是贪心之类的,如 ...

  7. HDU5791--Two (DP)

    题意:两个数列a,b,求相同的子序列有多少对,内容相同位置不同也算不同. 题解:dp[i][j]表示a数列前i个数个 b数列前j个数 有多少对 递推方程: dp[i][j] = dp[i-1][j-1 ...

  8. Java之泛型练习

    package cn.itcast.generics; import java.util.Comparator; import java.util.Iterator; import java.util ...

  9. Android实例-操作sqlite数据之自建导航(XE8+小米2)

    相关资料: 源文:http://blog.sina.com.cn/s/blog_77691fb90101g9hh.html help://embarcadero.rs_xe5/rad/Mobile_T ...

  10. 自定义文件上传的按钮的样式css+js

    核心就是一段css遮住了原生的input框,然后用js将文件的值传入到另一个指定的input框中 原文链接 http://geniuscarrier.com/how-to-style-a-html-f ...