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>
  • 相关阅读:
    vue 样式使用总结
    安卓内嵌H5只展示部分静态页面
    Excel 2016入门与提高
    Oracle Exadata技术详解
    计算机网络基础
    Photoshop扁平化平面设计手册
    C程序设计伴侣——帮你更好地理解谭浩强老师的那本书以及更多!
    中文版Project 2007实用教程
    新手学CorelDRAW X8商业设计200+
    Altium Designer 17电路设计与仿真从入门到精通
  • 原文地址:https://www.cnblogs.com/xiaoyunxiao/p/2431589.html
Copyright © 2011-2022 走看看