zoukankan      html  css  js  c++  java
  • 获取表单选中的值(利用php和js两种方式)

    php代码中获取表单中单选按钮的值

    (单选按钮只能让我们选择一个,这里有一个“checked”属性,这是用来默认选取的,我们每次刷新我们的页面时就默认为这个值。)

    例:

    <form name="myform" action="" method="post">

    性别:

    <input type="radio" name="sex" value="男" checked />男<input name="sex" type="radio" value="女" />女

    <input type="submit" name="submit" value="提交" />

    </form>

    <?php

           echo "您的选择是:";

           echo $_POST["sex"];

    ?>

    如果你选择的是男,则出来的值就是“男”,要是你选择的是女,则出来的值就是“女”。

    php代码中获取复选框的值

    (复选框是能够让我们去多选的,他们同时存在,为了便于传值我们将name令为一个数组。)

    格式为:

    <input type="checkbox" name="chkbox[]" value="chkbox1" />

    方法:在返回页面中用count()函数计算数组的大小,结合for循环语句来输出选择的复选框的值。

    例:

    <form action="" name="form1" method="post">

    您喜欢的数字:

         <input type="checkbox" name="mrbook[]" value="1" />1

         <input type="checkbox" name="mrbook[]" value="2" />2

         <input type="checkbox" name="mrbook[]" value="3" />3

         <input type="checkbox" name="mrbook[]" value="4" />4

         <input type="submit" name="submit" value="提交" />

    </form>

    <?php

        if($_POST['mrbook']!=null)

        {

           echo "您选择的数字是:";

           for($i=0;$i<count($_POST['mrbook']);$i++)

           {

                  echo $_POST['mrbook'][$i]."&nbsp;&nbsp;";

           }

         }

    ?>

    我们要学会用数组来解决我们的问题!!!!

    JS

    <input type="radio" name="gender" value="男" checked="checked"/>男  
    <input type="radio" name="gender" value="女"/>女

    /**
    * @see 获得性别
    * @return String
    */
    function getSex(){
             var value="";
             var radio=document.getElementsByName("gender");
             for(var i=0;i<radio.length;i++)

             {
             if(radio[i].checked==true)

             {
             value=radio[i].value;
             break;
              }
              }
               return value;
    }

     

  • 相关阅读:
    纯CSS3实现不错的表单验证效果
    CANVAS模仿龙卷风特效
    HTML+CSS画一朵向日葵
    canvas水波纹效果
    樱花的季节,教大家用canvas画出飞舞的樱花树
    网站SEO,HTTP请求的关键数字----6
    css3绘制腾讯logo
    关于js的parseInt方式在不同浏览器下的表现
    封装keyframes插件
    模仿jquery的fileupload插件
  • 原文地址:https://www.cnblogs.com/zzc134680/p/5652262.html
Copyright © 2011-2022 走看看