zoukankan      html  css  js  c++  java
  • 多种方法实现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>
  • 相关阅读:
    canves应用
    canves图形变换
    精简设置三角形
    [JSOI2008]星球大战
    实用技巧
    [HAOI2011]Problem b
    [luoguAC500纪念]骑士共存问题
    [NOI2014]起床困难综合症
    魔术球问题
    AC自动机(简单版)
  • 原文地址:https://www.cnblogs.com/xiaoyunxiao/p/2431589.html
Copyright © 2011-2022 走看看