jquery获取表单元素与回显

一、获取哦表单元素

dcoument表单文本对象的集合

all[] 对所有html元素的访问

forms 返回对文档中所有form对象的引用

forms[1] 对所有form对象引用

	
		 function fun(){
			document.all[11].innerHTML = "你好" ;

			document.forms[1].username.value = "张无忌" ;

			document.images[2].src = "images/1.jpg" ;
		 }
	
 
     

	 
		  姓名1:
	 
	 
		  姓名2:
	 
	 
		  姓名3:
	 

	 
 

  通过集合来访问相应的对象      1.通过下标的形式      2.通过name形式

下标
alert(document.forms[1].name)
name属性
alert(document.forms["myform1"].text1.value)


 
 



 
 

   C. anchors 返回对文档中所有anchors 对象的引用

   D.images  返回对文档中所有image 对象的引用    F.links   返回对文档中所有area 对象和link对象的引用

一、获取表单

1.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替. 

function checkform(id)
{
   var formlist = document.getElementById(id).childNodes;
   for(var i=0;i胶管、减压器、卡箍更换周期
                      其他
                      
                    

		          var boxObj = $("input:checkbox[name='trainContent']");  //获取所有的复选框
		            var expresslist = data.data.trainContent; //用el表达式获取在控制层存放的复选框的值为字符串类型
		            if(null!=expresslist){
		        	var express = expresslist.split(','); //去掉它们之间的分割符“，” 
		        	    for(i=0;i胶管、减压器、卡箍更换周期
                      其他
                      

selected  设置或返回下拉框的选中状态,true 选中,false 未选中。selectedIndex  设置或返回下拉框被选中的索引号

 var school=document.myform.school;
 var school=document.myform.school.options;
 alert(school.length)
 //selected设置选中状态
 school[1].selected=true;
 //selectedIndex设置选中状态
 school.selectedIndex=2;

文本框 ：

单选按钮：男    女

复选框：123
   
下拉框：

1
2
3

 
function getVal(){
    var str="";
    //获取单选按钮的值
    var radios = document.form1.sex;
    var n = radios.length;
    for (var i = 0; i < n; i++) {
        if (radios[i].checked) {
            str = " 单选 "+radios[i].value;
        }
    }
        //还有获取单选框的值有三种方式：
        $('input:radio:checked').val()；
        $("input[type='radio']:checked").val();
        $("input[name='sex']:checked").val();
 
    //获取复选框中选中的值的组合 1,2,3,4
    var checkboxs = document.getElementsByName('check[]');
    var n = checkboxs.length;
    for (var i = 0; i < n; i++) {
        if (checkboxs[i].checked) {
            str += " 复选框 "+checkboxs[i].value;
        }
    }
    //获取下拉列表的选中项的值
    //方法一：
    str += " 列表 一："+document.getElementById("sel").value;
 
    //方法二：
    var sel = document.getElementById("sel");
    str += " 列表 二："+sel.options[sel.selectedIndex].value;
    alert(str);
 
}

全选反选

	
		function checkAll(flag){
			//拿到所有的多选框
			var hobbys = document.getElementsByName("hobby") ;
			//循环赋值
			for(var i =0 ;i