js获取表单的值
来源:互联网 发布:android listview优化 编辑:程序博客网 时间:2024/06/06 01:17
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="../conn/jsfile/jquery.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" >
文本框 :<input type="text" id="txt" value="txt" /><br />
单选按钮:<input type="radio" value="男" checked="checked" name="sex" />男 <input type="radio" value="女" name="sex" checked="checked"/>女<br />
复选框:<input type="checkbox" value="1" name="cc"/>1<input type="checkbox" value="2" checked="checked" name="cc" />2<input type="checkbox" value="3" checked="checked" name="cc" />3<br />
下拉框:
<select id="sel" style="width: 100px">
<option value="yi">1</option>
<option value="er" selected="selected">2</option>
<option value="san">3</option>
</select>
<script language="javascript" type="text/javascript">
/*------------------------------------------------javascript-------------------------------------------*/
/* 获取文本框的值
alert(document.getElementById("txt").value);
*/
/*获取单选按钮的值
var radios = document.getElementsByName("sex");
var n = radios.length;
for (var i = 0; i < n; i++) {
if (radios.checked) {
alert(radios.value);
}
}
*/
/*获取复选框中选中的值的组合 1,2,3,4
var checkboxs = document.getElementsByName("cc");
var n = checkboxs.length;
for (var i = 0; i < n; i++) {
if (checkboxs.checked) {
alert(checkboxs.value);
}
}
*/
/*获取下拉列表的选中项的值
方法一:
alert(document.getElementById("sel").value);
方法二:
var sel = document.getElementById("sel");
alert(sel.options[sel.selectedIndex].value);
*/
<head runat="server">
<title></title>
<script src="../conn/jsfile/jquery.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" >
文本框 :<input type="text" id="txt" value="txt" /><br />
单选按钮:<input type="radio" value="男" checked="checked" name="sex" />男 <input type="radio" value="女" name="sex" checked="checked"/>女<br />
复选框:<input type="checkbox" value="1" name="cc"/>1<input type="checkbox" value="2" checked="checked" name="cc" />2<input type="checkbox" value="3" checked="checked" name="cc" />3<br />
下拉框:
<select id="sel" style="width: 100px">
<option value="yi">1</option>
<option value="er" selected="selected">2</option>
<option value="san">3</option>
</select>
<script language="javascript" type="text/javascript">
/*------------------------------------------------javascript-------------------------------------------*/
/* 获取文本框的值
alert(document.getElementById("txt").value);
*/
/*获取单选按钮的值
var radios = document.getElementsByName("sex");
var n = radios.length;
for (var i = 0; i < n; i++) {
if (radios.checked) {
alert(radios.value);
}
}
*/
/*获取复选框中选中的值的组合 1,2,3,4
var checkboxs = document.getElementsByName("cc");
var n = checkboxs.length;
for (var i = 0; i < n; i++) {
if (checkboxs.checked) {
alert(checkboxs.value);
}
}
*/
/*获取下拉列表的选中项的值
方法一:
alert(document.getElementById("sel").value);
方法二:
var sel = document.getElementById("sel");
alert(sel.options[sel.selectedIndex].value);
*/
0 0
- js获取表单的值
- JS表单获取值
- JS获取表单的值并输出
- [JS]获取表单的引用
- JS如何获取表单值
- 小记(JS有无表单获取下拉列表的值)
- js获取表单值的两种方法
- js中获取jsp表单中radio类型的值
- js匹配表单name的值获取value
- js获取表单值的两种方法
- js获取表单table 中文本框的值
- 使用js获取表单中各个name的值
- js获取表单值的两种方法
- Js 获取表单中各标签的值
- JS原生方式动态获取表单的值
- JS中获取表单的相应内容
- js获取表单对象的方法
- JS获取表单元素的value
- SQL分析--欺骗你的子查询
- 如何将图片保存至自定义分组
- Linux安装vsFTPd服务器详细教程
- Reachability 网络状态的使用和封装
- linux网络编程基础API(二)
- js获取表单的值
- Activity与Service绑定(activity调用service方法)--安卓软件开发
- 一步一步android(16):关于socket编程(2)【以非阻塞I/O服务器及Service为例】
- grub命令用法
- cas 入门之八:cas 认证处理器-GENERIC
- 管道-pipe函数-fdopen函数-popen函数详解-C语言
- 双网卡主机,网络连接超时(卡)的解决方法。
- Linux中断处理驱动程序编写
- Struts2 ognl调用action有参数的方法