当前位置: 首页 > 编程笔记 >

js全选实现和判断是否有复选框选中的方法

宋成天
2023-03-14
本文向大家介绍js全选实现和判断是否有复选框选中的方法,包括了js全选实现和判断是否有复选框选中的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了js全选实现和判断是否有复选框选中的方法。分享给大家供大家参考。具体实现方法如下:

function actionEvent(methodname){  

        var form = document.forms[0];  

        if(validateIsSelect(form.all, form.productids)){  

            form.action='<html:rewrite action="/control/product/manage"/>';  

            form.submit();  

        }else{  

            alert("请选择要操作的记录");  

        }  

} 

function allselect(allobj,items){          var state = allobj.checked;          if(items.length){              for(var i=0;i<items.length;i++){                  if(!items[i].disabled) items[i].checked=state;              }          }else{              if(!items[i].disabled) items.checked=state;          }  }  /* * 判断是否选择了记录 */  function validateIsSelect(allobj,items){          var state = allobj.checked;          if(items.length){              for(var i=0;i<items.length;i++){                  if(items[i].checked) return true;              }          }else{              if(items.checked) return true;          }          return false;  }

<INPUT TYPE="checkbox" NAME="all"  onclick="javascript:allselect(this, this.form.productids)">全选</td>

<input name="visible" type="button" class="frm_btn" onClick="javascript:actionEvent('visible')" value=" 操作 ">

希望本文所述对大家的javascript程序设计有所帮助。

 类似资料:
  • 本文向大家介绍判断复选框是否被选中的两种方法,包括了判断复选框是否被选中的两种方法的使用技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍js与jQuery实现checkbox复选框全选/全不选的方法,包括了js与jQuery实现checkbox复选框全选/全不选的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端

  • 本文向大家介绍js实现复选框的全选和取消全选效果,包括了js实现复选框的全选和取消全选效果的使用技巧和注意事项,需要的朋友参考一下 在很多网站都有这样的功能,当点击一个全选按钮之后,所有的复选框都会被选中,再点击之后会取消全选,功能非常的人性化,可以省却很多人力,下面就简单介绍一下JS如何实现此功能,代码实例如下: 以下是代码: 以上代码实现了复选框的全选与不全选效果,下面就简单介绍一下如何实现此

  • 本文向大家介绍Angular.JS判断复选框checkbox是否选中并实时显示,包括了Angular.JS判断复选框checkbox是否选中并实时显示的使用技巧和注意事项,需要的朋友参考一下 首先来看看简单的效果图,如下所示: 看一下html代码: line2 定义了AngularJS App; line4 引入angularjs脚本; line5 引入自己写的script2.js脚本; line

  • 本文向大家介绍jQuery实现复选框的全选和反选,包括了jQuery实现复选框的全选和反选的使用技巧和注意事项,需要的朋友参考一下 话不多说,请看代码 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!

  • 本文向大家介绍js html css实现复选框全选与反选,包括了js html css实现复选框全选与反选的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js复选框全选与反选实现代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。