<!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>
Jquery实战学习--表单选择器
最新推荐文章于 2022-01-25 07:00:00 发布