文章主题
jquery表单属性选择器
文章正文
下面的代码演示了,jquery中常用的一些表单属性选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/index3.js""></script>
</head>
<body>
<pre>
<input type="text"/>
<input type="text" name="age"/>
<input type="password"/>
<input type="radio" name="sex" value="0"/>男
<input type="radio" name="sex" value="1"/>女
<input type="checkbox" name="hobby" value="0"/>吃饭
<input type="checkbox" name="hobby" value="1" checked="checked"/>睡觉
<input type="checkbox" name="hobby" value="2"/>打豆豆
<select>
<option value="1">1</option>
<option selected="selected" value="2">2</option>
<option value="3">3</option>
</select>
<input type="submit" value="注册" disabled="disabled"/>
</pre>
</body>
</html>
$(function(){
$(":text").val("zhangsan");
alert($(":checkbox:checked").val());
alert($(":selected").val());
$(":submit:disabled").attr("disabled",false);
$(":text[name='age']").val("18");
})
代码运行效果