经常使用Javascript表单取值方法

转自:[url]http://blog.sina.com.cn/s/blog_5a374a6a0100btjv.html[/url]

经常使用Javascript表单取值方法 (2009-01-02 18:46:24)

标签：name document radio for if it

一.经常使用表单基本取值方法(frm为表单名称,TextBox1为控件ID,以文本框为例,html控件与web服务器控件是同样的)         1.frm.TextBox1.value         2.var txt = document.all.TextBox1;           txt.value         3.var txt = document.all["TextBox1"];           txt.value         4.document.getElementById("TextBox1");二.1.html复选框(name相同)表单： <input id="Checkbox1" type="checkbox" name="chk" value="123" />sss        <input id="Checkbox2" type="checkbox" name="chk" value="456"/>aaa        <input id="Checkbox3" type="checkbox" name="chk" value="789"/>bbb实现功能：遍历html复选框，获得所选中项    var oChks = document.all.chk;    for(var i=0; i<oChks.length; i++)       {            if(oChks[i].checked)        alert(oChks[i].value);       }2.html单选框(name相同)表单： <input id="Radio1" type="radio" name="rad" value="123"/>123        <input id="Radio2" type="radio" name="rad" value="456"/>456实现功能：遍历html复选框，获得所选中项代码同html复选框3.html下拉列表框表单：<select id="Select1" multiple>     <option value=1>1</option>     <option value=2>2</option>       </select>实现功能：    3.1获得所选中项的text和value值(选择一项)     var selDrp = document.all.Select1;     alert(selDrp.options[selDrp.selectedIndex].text);     alert(selDrp.options[selDrp.selectedIndex].value);    3.2获得所选中项的text和value值(选择多项)     for(var j=0;j<selDrp.options.length;j++)     {           if(selDrp.options[j].selected)           {      alert(selDrp.options[j].value);           }     }4.DropDownList控件与ListBox控件实现功能：获得所选中项的text和value值代码同html下拉列表框5.CheckBoxList控件实现功能：获得所选中项的text代码：         var chklist = document.all("CheckBoxList1");         var i = 0;            for(i=0;i<chklist.rows.length;i++)            {       var name = "CheckBoxList1_" + i;       var tmpChecked = document.all[name].checked;                 if(tmpChecked)                    {        alert(document.all[name].parentElement.innerText);                     　                  }           }