• 多种方法实现checkbox全选、取消全选、删除功能


    看下面两种实现方法:


    JS checkbox 方法一:

     
     代码如下:

    function checkAll()
    {
    var code_Values = document.all['code_Value'];
    if(code_Values.length){
    for(var i=0;i<code_Values.length;i++)
    {
    code_Values[i].checked = true;
    }
    }else{
    code_Values.checked = true;
    }
    }
    function uncheckAll()
    {
    var code_Values = document.all['code_Value'];
    if(code_Values.length){
    for(var i=0;i<code_Values.length;i++)
    {
    code_Values[i].checked = false;
    }
    }else{
    code_Values.checked = false;
    }
    }
    function multipleDelete()
    {
    var num = 0;
    var code_Values = document.all['code_Value'];
    if(code_Values.length){
    for(var i=0;i<code_Values.length;i++)
    {
    if(code_Values[i].checked == true)
    {
    num ++;
    }
    }
    }else{
    if(code_Values.checked == true){
    num ++ ;
    }
    }
    if(num == 0){
    alert('Please select delete item');
    }
    if(num >0){
    document.BuCodeSearch.action = '<%=EusUtil.getPage("lookup.generic.bucode.delete.s")%>';
    document.BuCodeSearch.submit();
    }
    }
    </script>


    JS checkbox方法二:

     
    代码如下:

    function checkAll()
    {
    var code_Values = document.getElementsByTagName("input");
    for(i = 0;i < code_Values.length;i++){
    if(code_Values[i].type == "checkbox")
    {
    code_Values[i].checked = true;
    }
    }
    }
    function uncheckAll()
    {
    var code_Values = document.getElementsByTagName("input");
    for(i = 0;i < code_Values.length;i++){
    if(code_Values[i].type == "checkbox")
    {
    code_Values[i].checked = false;
    }
    }
    }
    function multipleDelete()
    {
    if (document.BuCodeSearch.elements["code_Value"])
    {
    var num = 0;
    var fm = document.BuCodeSearch;
    if (document.BuCodeSearch.elements["code_Value"])
    {
    var elm = document.BuCodeSearch.elements["code_Value"];
    var ename = "code_Value";
    if (elm.length) {
    var len = fm.elements[ename].length;
    for (var i = 0; i< len; i++) {
    var e = fm.elements[ename][i];
    if (e.checked == true){
    num++;
    }
    }
    } else {
    if (elm.checked == true ) {
    num++;
    }
    }
    if (num > 0 )
    {
    document.BuCodeSearch.action = '<%=EusUtil.getPage("lookup.generic.bucode.delete.s")%>';
    document.BuCodeSearch.submit();
    }
    }
    }
    }


    code_Value为checkbox表单的名称,BuCodeSearch为form名称

     
    代码如下:

    <td align="left" width="20"><input type="checkbox" name="code_Value" value="<%=userDefFieldValueBean.getUdfValue()%>"></td>
  • 相关阅读:
    工厂模式
    将WebApi Host到控制台和IIS
    模板方法模式
    策略模式
    插件式WebApi服务及自动生成Api帮助文档
    单例模式
    外观模式
    论文序号的结构层次顺序
    计算机面试之Session、Cookie、Token
    Django的日常操作
  • 原文地址:https://www.cnblogs.com/xiaoyunxiao/p/2431589.html
Copyright © 2020-2023  润新知