zoukankan      html  css  js  c++  java
  • javascript获取表单中checkbox类型的值,并传递到其它页面

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>javascript获取表单中checkbox类型的值,并传递到PHP页面</title>
    </head>
    <script language="javascript" type="text/javascript">
    function unselectall()
    {
        if(document.myform.chkAll.checked)
        {
            document.myform.chkAll.checked = document.myform.chkAll.checked&0;
        }
    }
    function CheckAll(form)
    {
        for (var i=0;i<form.elements.length;i++)
        {
            var e = form.elements[i];
            if (e.Name != 'chkAll'&&e.disabled==false)
            e.checked = form.chkAll.checked;
        }
    }
    //获取复选框的value
    function getValueOfCheckbox()
    {
        //获取当前页所有IUPUT控件集合
        var col = document.getElementsByTagName("INPUT");
        var str="";
        var count=0;
        //循环遍历,判断INPUT是否选中
        for(var i=0 ;i<col.length;i++)
        {
            if(col[i].checked==true)
            {
                count++;
                if(count==1)
                {
                    str+=col[i].value;
                }
                else
                {
                    str+=","+col[i].value;
                }
                //str+=col[i].value+",";
            }
        }
        document.getElementById("zonestr").value = str;
        alert(str);
        //将获取的checkbox的值传递到PHP页面
        //window.location.href='/index.php/tag_base/edit/tag_id/'+str;
        //alert(window.location.href='/index.php/tag_base/edit/tag_id/'+str);
    }
    </script>
    <body>
    <form action="" name="myform" method="get">
    <table width="50%" style="font-size:12px">
    <tr class="table_head">
    <td width="19%" height="20"><label for="chkall"><input type="checkbox" id='chkAll'  onclick='CheckAll(this.form)'/></label></td>
    <td width="15%" height="20">标签ID</td>
    <td width="19%" height="20">标签名</td>
    <td width="14%" height="20">百科ID</td>
    <td width="10%" height="20">分类ID</td>
    </tr>
    <tr class="data_rows">
    <td><input type="checkbox" value="32843"  name='del_tag[]' onclick='unselectall()' rel="del_chk" /></td>
    <td>32843</td>
    <td>Tiffany Giardina</td>
    <td>20026540</td>
    <td>61</td>
    </tr>
    <tr class="data_rows">
    <td><input type="checkbox" value="123456"  name='del_tag[]' onclick='unselectall()' rel="del_chk" /></td>
    <td>123456</td>
    <td>Tiffany Giardina</td>
    <td>20026540</td>
    <td>61</td>
    </tr>
    <tr class="data_rows">
    <td><input type="checkbox" value="654321"  name='del_tag[]' onclick='unselectall()' rel="del_chk" /></td>
    <td>654321</td>
    <td>Tiffany Giardina</td>
    <td>20026540</td>
    <td>61</td>
    </tr>
    <tr class="data_rows">
    <td><input type="checkbox" value="7894541"  name='del_tag[]' onclick='unselectall()' rel="del_chk" /></td>
    <td>7894541</td>
    <td>Tiffany Giardina</td>
    <td>20026540</td>
    <td>61</td>
    </tr>
    <tr><td><input type="button" onclick="getValueOfCheckbox()" value="提交" /> <input id="zonestr" type="text" style="display:none" /> </td></tr>
    </table>
    </form>
    </body>
    </html>
  • 相关阅读:
    java学习day08--面向对象--继承+方法重写+static关键字
    java学习day07--面向对象--封装+this关键字+构造器
    java学习day06-面向对象--类和对象
    依赖管理
    NSQ消息队列
    logger包
    time包
    fmt包
    Go_Protobu
    Go_性能优化
  • 原文地址:https://www.cnblogs.com/ziyan22/p/1863397.html
Copyright © 2011-2022 走看看