JavaScript表单取值

 取checkbox值的函数JavaScript表单元素应用现场教学

JavaScript编程基础之二

表单元素应用实例(现场教学)

一、给表单元素赋值：
　你只需在网页代码中插入下列
代码即可给表单元素赋值。英文
名称可用上表中的T1、B1、S1代
替，注意大小写。 单行文本框:T1
多行文本框:S1
按钮:B1 <script language="javascript">      document.forms[0].T1.value="张三"; //    document.forms[0].S1.value="李四"; //    document.forms[0].B1.value="王五"; // </script>   

二、改变下拉菜单的选项:

下拉菜单０ 下拉菜单１ 下拉菜单２ 下拉菜单３ 下拉菜单:D1

<script language="javascript">      document.forms[0].D1.selectedIndex= 0 ; //    document.forms[0].D1.selectedIndex= 1 ; //    document.forms[0].D1.selectedIndex= 2 ; //    document.forms[0].D1.selectedIndex= 3 ; // </script>   <script language="javascript">   document.forms[0].D1.value="下拉菜单０ "; // 有值则赋 document.forms[0].D1.value="下拉菜单１ "; // 有值则赋 document.forms[0].D1.value="下拉菜单２ "; // 有值则赋 document.forms[0].D1.value="下拉菜单３ "; // 有值则赋 document.forms[0].D1.value="下拉菜单１００"; // 无值赋空 ,selectedIndex为-1

//下面对 D1进行取值

  <script language="javascript">      document.forms[0].D1.selectedIndex ; //    document.forms[0].D1.length ; //    document.forms[0].D1.value ; // </script>       三、改变多选框的值: 多选框:C1值：ON <script language="javascript">      document.forms[0].C1.checked=!document.forms[0].C1.checked; // </script>   四、改变单选框的值： 单选框:R1值：on
单选框:R1值：on1
单选框:R1值：on2 <script language="javascript">      document.forms[0].R1[0].checked= true ;

//

   document.forms[0].R1[1].checked= true ; //    document.forms[0].R1[2].checked= true ; // </script>   <script language="javascript">   document.forms[0].R1.length ; // </script>  

©1999本页版权为 邓勇所有，转载本站资料请注明出处!

 

    function fnGetValue(name)...{ 
           var rtn = "";  
          var objchk   =   document.getElementsByName(name);   
          for(i=0;i<objchk.length;i++)...{   
                  if(objchk[i].checked   ==   true   )...{   
                         rtn +=(objchk[i].value+",");   
                  }   
          }  
          if(rtn.length>0)...{
              return rtn.substring(0,rtn.length-1);
          }
          else...{
              return "";
          }
     }