惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Attack and Defense Labs
Attack and Defense Labs
The GitHub Blog
The GitHub Blog
C
Check Point Blog
博客园_首页
MongoDB | Blog
MongoDB | Blog
N
Netflix TechBlog - Medium
F
Full Disclosure
Microsoft Security Blog
Microsoft Security Blog
爱范儿
爱范儿
Recent Announcements
Recent Announcements
阮一峰的网络日志
阮一峰的网络日志
G
GRAHAM CLULEY
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
T
Threat Research - Cisco Blogs
C
Cybersecurity and Infrastructure Security Agency CISA
V
Vulnerabilities – Threatpost
K
Kaspersky official blog
博客园 - 司徒正美
S
Schneier on Security
T
The Exploit Database - CXSecurity.com
Project Zero
Project Zero
云风的 BLOG
云风的 BLOG
Cisco Talos Blog
Cisco Talos Blog
Know Your Adversary
Know Your Adversary
雷峰网
雷峰网
V
V2EX - 技术
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Spread Privacy
Spread Privacy
罗磊的独立博客
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
S
Security Affairs
SecWiki News
SecWiki News
Schneier on Security
Schneier on Security
O
OpenAI News
Jina AI
Jina AI
PCI Perspectives
PCI Perspectives
Cyberwarzone
Cyberwarzone
Y
Y Combinator Blog
Apple Machine Learning Research
Apple Machine Learning Research
B
Blog RSS Feed
I
InfoQ
D
Docker
P
Palo Alto Networks Blog
Recorded Future
Recorded Future
M
MIT News - Artificial intelligence
博客园 - Franky
B
Blog
Scott Helme
Scott Helme
博客园 - 叶小钗
D
DataBreaches.Net

博客园 - kantorgong

Apache与Nginx的比较 重新开启更新博客 关于父子级数据的sql复制处理 c#数据采集 c#数据采集 sql添加修改删除通用存储过程 50个常用HTML中的代码 ajax和XMLHTTP原理(简介) Delphi编译错误信息对照表 DELPHI 中如何安装第三方控件? SQL进行排序、分组、统计的10个新技巧 107个常用Javascript语句 输入地址栏可以编辑页面的js 三级下拉列表的修改时无法绑定原始数据解决办法 c#.net常用的小函数和方法集 .net UserControl(标签云集控件) [导入]事务处理 [导入]通用的分页存储过程 [导入]批量插入数据的存储过程 [导入]批量插入数据的存储过程
项目开发中常用JS表单取值方法
kantorgong · 2008-03-27 · via 博客园 - kantorgong

一.常用表单基本取值方法(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);   
                  
                 }   
        }