项目开发中常用JS表单取值方法-技术开发专区

项目开发中常用JS表单取值方法

作者：ITPUB论坛编辑： nancy 2008-03-27 18:24

【IT168技术文档】

一.常用表单基本取值方法(form1为表单名称,TextBox1为控件ID,以文本框为例,html控件与web服务器控件是一样的)

        1.form1.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);
}
}

关注我们