jquery checkbox全选,全不选,反选方法,jquery checkbox全选只能操作一次

时间:2022-02-22 02:57:45

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&lpar;&rpar;无法自动获取焦点的处理方法 jquery如何使文本框获得焦点

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

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

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

  3. jQuery实现复选框的全选、反选、并且根据复选框的&lt&semi;checked属性&gt&semi;控制多个对应div的显示&sol;隐藏

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

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

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

  5. jquery实现全选,取消,反选的功能&amp&semi;实现左侧菜单

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

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

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

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

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

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

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

  9. 黄聪:JQUERY判断操作CHECKBOX选中、取消选中、反选、第二次无法选中的问题

    用JQuery做CheckBox全选和反选的时候,遇到一个问题.当用JQ控制全选,全取消一次以后,再次点击全选,发现代码变了,但是CheckBox没有处于选中状态. $("#id" ...

随机推荐

  1. XCode模拟器上下黑边、显示不完整、适配问题

    其实出现上下黑边是因为iOS默认将启动时的LaunchImage的宽高当成程序的宽高,所以启动图片如果只有小屏的图片,那么就会出现大屏状态下屏幕不能满屏的错误. 解决方法: 添加所有尺寸屏幕的Laun ...

  2. Diagramming for WinForms 的安装和配置

    Diagramming for WinForms 是MindFusion公司推出的商业版通用流程图控件. 运行环境: WIN7 + .Net4.0 + Visual2010 试用版控件下载地址:htt ...

  3. jquery之onchange事件

    $(function(){ $("#opreateHtml").window("close"); $("#deliveryGrid").da ...

  4. 如何循序渐进有效学习 JavaScript?

    著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处.作者:宋学彦链接:http://www.zhihu.com/question/19713563/answer/23068003来源: ...

  5. Linux安装Firefly

    1.安装一些必要的东东 yum install -y gcc zlib zlib-devel lrzsz openssl openssl-devel python-devel mysql-devel ...

  6. ORACLE-EXP和IMP方法介绍

    说明: 之前经常有人询问数据库导出导入的方法,去百度查询,但是查询的结果却不是很尽如人意,所以在此做个基本的总结,包括 导出:(导出用户,导出表,导出表结构不带数据,QUERY参数),导入(导入数据文 ...

  7. Adapterview和adapter的联系

    在J2EE中提供过一种非常好的框架--MVC框架,实现原理:数据模型M(Model)存放数据,利用控制器C(Controller)将数据显示在视图V(View)上.在Android中有这样一种高级控件 ...

  8. React&period;js开发的基本配置(配了两天)

    记录下心酸的过程: 1.安装npm 安装node.js,这时候你就可以使用npm了. 因为官方的源下载npm的包比较慢,所以可以用淘宝的源,这时候使用nrm来进行npm源的切换 在cmd中执行 npm ...

  9. 【apache】No input file specified

    默认的 RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L]规则在apache fastcgi模式下会导致No input file specified. 修改成 Re ...

  10. angular4实战开发问题——ngclass不起作用

    由于路由机制会导致页面不刷新. 在项目中,很多都是使用click做的路由跳转.ngclass有时候会不起作用, 这个时候我是很盲目的,一开始在考虑是不是书写的问题.ngclass需要有特定的格式?第一 ...