表单选择器笔记

原创 2019-01-14 16:01:04 246
摘要:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="static/js/jquery-3.3.1.min.js"></script>
</head>
<body>
<script>
/*
           表单选择器
           $(":enabled")所有激活(可以使用的)input元素
               $("input:enabled").css("background", "red");
           $(":disabled")所有禁用(不可以使用的)input元素
               $("input:disabled").css("background", "red");
           $(":selected")所有被选取select元素
               $("input:selected").css("color", "red");
           $(":checked")所有被选中的input元素
               $(":checked").parent().css("color", "pink");
        */

$(document).ready(function () {
$(":checked").parent().css("color", "pink");
});

</script>
<form action="">
<input type="text" name="">
<input type="text" name="">
<input type="text" name="" disabled="disabled">
<input type="text" name="">
<select name="" id="">
<option value="">双鱼座</option>
<option value="" selected="selected">射手座</option>
<option value="">狮子座</option>

</select>
<label for=""><input type="checkbox" name="" id="" checked>1</label>
<label for=""><input type="checkbox" name="" id="" >2</label>
<label for=""><input type="checkbox" name="" id="" checked>3</label>
<label for=""><input type="checkbox" name="" id="" >4</label>
</form>
</body>
</html>


批改老师:查无此人批改时间:2019-01-14 16:16:24
老师总结:代码要缩进,要成好习惯。做的还不错,checked默认选中不要出现两个。加油。

发布手记

热门词条