Jquery实战学习--表单选择器

最新推荐文章于 2022-01-25 07:00:00 发布

左岸人生

最新推荐文章于 2022-01-25 07:00:00 发布

阅读量1k

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/zuoanren/article/details/8789533

版权

JQuery 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表单选择器</title>
<script type="text/javascript" src="jquery-1.7.js"></script>
</head>
<!-- 表单选择器   :input-->
<body>
<form id="form1">
	文本:<input id="text" type="text" value="hello" /><br />
	密码:<input  id="pass" type="password" /><br />
	单选:<input id="danxuan" type="radio" />男<input id="danxuan" type="radio" />女<br />
	多选:<input id="duoxuan" type="checkbox" />合肥<input id="duoxuan" type="checkbox" />南京<br />
	提交:<input id="tijiao" type="submit" value="提交" /><br />
	图片:<input id="tupian" type="image" /><br />
	按钮:<input id="anniu" type="button"  value="按钮"/><br />
	上传:<input id="shangchuan" type="file"/><br />
	隐藏:<input id="yincang"  type="hidden"/><br />
</form>

</body>
<script type="text/javascript">
	//var jq=jQuery.noConflict()
	$length=$("#form1 :input").length;
	alert($length);
	alert($("#form1 :text").val());
	alert($("#form1 :submit").val());
	
</script>
</html>

左岸人生

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
Jquery实战学习--表单选择器

表单选择器文本: 密码: 单选:男女多选:合肥南京提交: 图片: 按钮: 上传: 隐藏: //var jq=jQuery.noConflict() $length=$("#form1 :input").length; alert($length); alert($("#form1 :text").val()); alert($("#form1 :
复制链接

扫一扫

专栏目录