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

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

jquery checkbox全选只能操作一次,

jquery checkbox全选只有第一次成功

Js代码  下载

  1. /**
  2. * 全选
  3. * 对于Jquey1.7.2+版本,使用attr会造成只能操作一次。
  4. * 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
  5. * 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
  6. * @param checkName
  7. */
  8. function checkAll(checkName){
  9. $("input[name=‘"+checkName+"‘]").prop("checked", true);
  10. };
  11. /**
  12. * 全不选
  13. * @param checkName
  14. */
  15. function checkNone(checkName){
  16. $("input[name=‘"+checkName+"‘]").prop("checked", false);
  17. };
  18. /**
  19. * 反选
  20. * @param checkName
  21. */
  22. function checkReverse(checkName){
  23. $("input[name=‘"+checkName+"‘]").each(function(){
  24. if($(this).prop("checked")){
  25. $(this).prop("checked", false);
  26. }else{
  27. $(this).prop("checked", true);
  28. }
  29. });
  30. };
  31. /**
  32. * 获取checkbox选中数量
  33. * @param name checkbox的name值
  34. */
  35. function getCheckBoxLength(name){
  36. var length = 0;
  37. var checkboxes;
  38. if(name == null || name == ""){
  39. checkboxes = document.getElementsByTagName("input");
  40. for(var j=0;j<checkboxes.length;j++){
  41. if(checkboxes[j].type==‘checkbox‘ && checkboxes[j].checked){
  42. length+=1;
  43. }
  44. }
  45. }else{
  46. checkboxes = document.getElementsByName(name);
  47. for(var i=0;i<checkboxes.length;i++){
  48. if(checkboxes[i].checked){
  49. length+=1;
  50. }
  51. }
  52. }
  53. return length;
  54. };
  55. function getCheckedLength(name){
  56. var length = 0;
  57. if(name == null || name == ""){
  58. alert("请添加参数name");
  59. }else{
  60. var inputs = document.getElementsByName(name);
  61. for(var i=0;i<inputs.length;i++){
  62. if(inputs[i].checked){
  63. length += 1;
  64. }
  65. }
  66. }
  67. return length;
  68. };
  69. function getCheckedValue(name){
  70. var value = null;
  71. if(name == null || name == ""){
  72. alert("请添加参数name");
  73. }else{
  74. var inputs = document.getElementsByName(name);
  75. for(var i=0;i<inputs.length;i++){
  76. if(inputs[i].checked){
  77. value = inputs[i].value;
  78. break;
  79. }
  80. }
  81. }
  82. return value;
  83. };
时间: 2024-08-07 21:17:56

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

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

今天遇见这么一个小小的问题,就是文本框中需要输入内容才可以提交,如果没有输入就提示并使该文本框获得焦点! 这么一个简单的事情如果没有使用 jQuery的话 是不是对象.focus()就可以了, JavaScript Code复制内容到剪贴板 //这样执行,jquery只会当获取焦点后执行焦点函数的语句了. $(”#nameInput”).focus(); 可是当我们使用了jQuery 这样$(”#nameInput”) 返回的就不是DOM对象了而是jQuery对象,这样的话$(”#nameInp

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

<!doctype html><html> <head> <meta charset="utf-8"> <title>jQuery实现复选框的全选.反选.并且根据复选框的(checked属性)控制多个对应div的显示/隐藏</title> <script type="text/javascript" src="jquery-1.11.3.min.js"></

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

本文与<[JavaScript]复选框的全选.反选,判断哪些复选框被选中>(点击打开链接)为姊妹篇,把里面内容再与jQuery框架中实现一次,同样做到如下的效果: 布局还是同样的布局,只是由于在jQuery框架中,无须再为按钮,指定特定的onclick事件处理函数,直接使用jQuery指定即可: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/stri

【JavaScript】复选框的全选、反选,判断哪些复选框被选中

复选框的全选.反选,判断哪些复选框被选中,这个功能不难做, 利用document.getElementsByName("xxx");能够轻易实现,注意其返回值是一个节点数组便是了. 不过这功能对于用户来说是非常贴心的.下面举一个例子还说明这个问题. 首先是以下的布局: HTML代码如下,非常简单,三个按钮,分别设置其onclick事件所对应处理的javascript函数. 之后有四个复选框,注意设置其统一的name值,形成一个节点数组.以便被后续的document.getElement

实现table中checkbox复选框、以及判断checked是否被选中、js操作checkedbox选中

上图是实现效果. 下面贴代码 表的第一行也就是<th>中的代码,onclick事件是实现全选或者全不选效果. <th> <input id="allboxs" onclick="allcheck()" type="checkbox"/> </th> td中的代码 <td> <input name="boxs" type="checkbox"/

jQuery 事件方法大全-超全的总结

jquery常用的事件: /* on off hover blur change click dblclick focus keydown keyup keypress mousedown resize scroll select submit */ 元素事件列表说明: 注:不带参数的函数,其参数为可选的 fn.jQuery不支持form元素的reset事件. 事件 描述 支持元素或对象 blur( ) 元素失去焦点 a, input, textarea, button, select, lab

python 全栈 web基础(五)Jquery

jQuery是一个快速的,简洁的javaScript库(占空间特别小,但功能强大!兼容性极强!),这个库里封装了一些方法,使用户能更方便地处理HTMLdocuments.events.实现动画效果,并且方便地为网站提供AJAX交互. 一.jQuery对象 jQuery 对象就是通过jQuery包装DOM对象后产生的对象.jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法. jquery的基础语法:$(selector).a

实现多选和搜索过滤功能的jQuery下拉列表框插件

Selectator是一款实现多选和搜索过滤功能的jQuery下拉列表框插件.通过该下拉列表框插件可以多选项进行分组,设置选项的图标,对选项进行搜索过滤,以及进行多选选择. 在线预览   源码下载 使用方法 使用该下拉类别框插件需要在页面中引入fm.selectator.jquery.css.jQuery和fm.selectator.jquery.js文件. <link rel="stylesheet" href="fm.selectator.jquery.css&qu

checkbox设置复选框的只读效果不让用户勾选

在Web开发中,有时候需要显示一些复选框(checkbox),表明这个地方是可以进行勾选操作的,但是有时候是只想告知用户"这个地方是可以进行勾选操作的"而不想让用户在此处勾选(比如在信息展示页面),这时候就需要将复选框设置成只读的效果. 提到只读,很容易想到使用readonly属性,但是对于复选框来说,这个属性和期望得到的效果是有差别的.原因在于readonly属性关联的是页面元素的value属性(例如textbox,设置了readonly就不能修改输入框的文本内容),而复选框的勾选/