项目开发中常用JS表单取值方法
2010-04-08 10:39
549 查看
项目开发中常用JS表单取值方法
一.常用表单基本取值方法(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);
}
}
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);
}
}
相关文章推荐
- 项目开发中常用JS表单取值方法
- [转]项目开发中常用JS表单取值方法
- [转]项目开发中常用JS表单取值方法
- 项目开发中常用JS表单取值方法
- 项目开发中常用JS表单取值方法
- 项目开发中常用JS表单取值方法
- 网站开发中常用js表单取值方法
- [网络收集]Form表单及网站开发中常用js表单取值方法
- 网站开发中常用js表单取值方法-很全很好用哦
- 开发常用js方法
- 自己整理的一些开发时候常用的js方法封装
- 项目开发之前端css、img、js组织方式与管理方法
- H5开发中常用的js方法
- 基于动态表单技术的项目开发方法(一)
- 常用表单基本取值方法
- Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
- yii项目开发项目常用技巧和方法汇总2
- yii项目开发项目常用技巧和方法汇总2
- NC57开发常用取值/赋值常用方法及常见问题解决办法
- yii项目开发项目常用技巧和方法汇总之二