jquery如何获取用户表单提交值
来源:互联网 发布:java需要英语基础吗 编辑:程序博客网 时间:2024/05/21 07:53
表单在用户交互中用到的很频繁,我们有几种方法可以获得用户表单输入值
1.获取方法:
<html>
<head>
<meta charset="utf-8">
<title>表单过滤器</title>
<script src="jquery.js"></script>
</head>
<body>
<form action="#" method="get">
用户名:<br>
<input type="text" name="aa"><br>
性别:<br>
<input type="radio" name="bb" value="男">男
<input type="radio" name="bb" value="女">女<br>
学历:<br>
<input type="radio" name="cc" value="小学">小学
<input type="radio" name="cc" value="中学">中学
<input type="radio" name="cc" value="大学">大学
<input type="radio" name="cc" value="研究生">研究生<br>
爱好:<br><input type="checkbox" name="dd" value="吃饭">吃饭
<input type="checkbox" name="dd" value="睡觉">睡觉
<input type="checkbox" name="dd" value="打豆豆">打豆豆 <br>
所在城市:<br>
<select name="ee">
<option value="武汉">武汉</option>
<option value="杭州">杭州</option>
<option value="河源">河源</option>
</select>
<br> <input type="button" value="点击" onclick="fun1();"></form>
<script>
$(function(){
$(":button").css({"width":"100%","height":"80px"});
$(":button").click(function(){
// alert($(":checkbox:checked").val())
document.write("用户名:"+$(":text").val()+"<br>性别:"+$(":radio[name='bb']:checked").val()+"<br>学历:"
+$(":radio[name='cc']:checked").val()+"<br>爱好:"+$(":checkbox:checked").val()+"<br>来自:"+$(":selected").val())
});
});
</script>
</body>
</html>
单选信息value值都能获取,但是多选框只能获取我选择的第一个checked值
那我们来研究如何获取多选框中的数值
- jquery如何获取用户表单提交值
- JQuery提交Form表单,获取返回值
- jquery获取表单值和jquery提交数据
- 提交表单,提示用户等待 ajax,jquery
- jquery批量获取form表单要提交的值
- jQuery 如何获取表单元素的值
- jquery如何循环获取表单值
- 如何防止用户后退重复提交表单?
- 如何防止用户后退重复提交表单
- 如何防止用户重复提交表单
- restlet中如何获取post方式提交的表单值
- 如何通过jquery禁止form表单提交
- ASP 如何获取HTML表单提交信息
- ASP 如何获取HTML表单提交信息
- jquery获取表单值
- JQuery获取表单值
- 提交表单--获取表单中的数据值
- Jquery中如何将表单A的指定值放到表单B一起提交
- javascript--贪食蛇(完整版-逻辑思路)
- 数据库三范式
- Android 短信验证码自动填写
- 判断TableView ScrollView 是向上滑动,还是向下滑动
- AndroidM如何给所有预装软件所有请求的权限
- jquery如何获取用户表单提交值
- Educational Codeforces Round 13 (ABCD ....ing)
- C++构造函数与析构函数顺序
- cuda及常用计时方式
- 各种端口的作用
- BroadcastReceiver的使用简介
- Eclipse + PyDev快捷键
- LeetCode 168. Excel Sheet Column Title
- Guava-cache