项目开发中常用JS表单取值方法
来源:百度文库 编辑:神马文学网 时间:2024/10/04 20:47:49
一.常用表单基本取值方法(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相同)
表单: sss
aaa
bbb 实现功能:遍历html复选框,得到所选中项
var oChks = document.all.chk;
for(var i=0; i {
if(oChks[i].checked)
alert(oChks[i].value);
} 2.html单选框(name相同)
表单: 123
456
实现功能:遍历html复选框,得到所选中项
代码同html复选框 3.html下拉列表框
表单:
实现功能:
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 {
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 {
var name = "CheckBoxList1_" + i;
var tmpChecked = document.all[name].checked;
if(tmpChecked)
{
alert(document.all[name].parentElement.innerText);
}
}
本文来自: PQ秀秀网(http://www.pqshow.com) 详细出处参考:http://www.pqshow.com/program/aspnet/200909/9646.html
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相同)
表单: sss
aaa
bbb 实现功能:遍历html复选框,得到所选中项
var oChks = document.all.chk;
for(var i=0; i
if(oChks[i].checked)
alert(oChks[i].value);
} 2.html单选框(name相同)
表单: 123
456
实现功能:遍历html复选框,得到所选中项
代码同html复选框 3.html下拉列表框
表单:
实现功能:
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
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
var name = "CheckBoxList1_" + i;
var tmpChecked = document.all[name].checked;
if(tmpChecked)
{
alert(document.all[name].parentElement.innerText);
}
}
本文来自: PQ秀秀网(http://www.pqshow.com) 详细出处参考:http://www.pqshow.com/program/aspnet/200909/9646.html