<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery高级表单选择器</title>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(function(){
// 匹配所有不可用元素
// $("#form :disabled").val("不可用");
// enabled匹配所有可用元素,会导致后面的selected失效
// $("#form :enabled").val("可用");
// $("#form :checked").removeAttr("checked");
// $("#form :selected").removeAttr("selected");
});
</script>
</head>
<body>
<form action="" method="post" id="form">
<input type="text" disabled value="文本域"><br>
<input type="text" disabled value="文本域"><br>
<input type="text" value="文本域"><br>
<input type="checkbox" checked value="复选框"> 复选框<br>
<input type="radio" value="单选按钮">单选按钮<br>
<select name="">
<option value="1">1</option>
<option value="2" selected>2</option>
<option value="3">3</option>
</select>
</form>
</body>
</html>
jQuery高级表单选择器
最新推荐文章于 2024-05-15 20:34:42 发布