<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script type="text/javascript" src="jss/jquery-3.4.1.js"></script>
<script>
$(document).ready(function () {
$("#bt1").click(function () {
//获取所有可用的text
let entext=$(":text:enabled");
//设置jquery中所有dom的value值
entext.val("hello");
})
$("#bt2").click(function () {
let checked=$(":checkbox:checked");
for (let i=0;i<checked.length;i++){
alert(checked[i].value);
}
})
$("#bt3").click(function () {
let select=$("select>option:selected");
for (let i=0;i<select.length;i++){
alert(select[i].value);
}
})
})
</script>
<input type="text" id="t1" value="text1"><br>
<input type="text" id="t2" value="text2" disabled><br>
<input type="text" id="t3" value="text3"><br>
<input type="text" id="t4" value="text4" disabled><br>
<input type="checkbox" value="游泳">游泳<br>
<input type="checkbox" value="健身" checked>健身<br>
<input type="checkbox" value="电子游戏" checked>电子游戏<br>
<select>
<option value="java">java</option>
<option value="c" selected>c</option>
<option value="python">python</option>
</select><br>
<input type="button" value="所有可用的text设置值为hello" id="bt1">
<input type="button" value="显示被选中的复选框的值" id="bt2">
<input type="button" value="显示下拉列表选中的值" id="bt3">
<button></button>
</body>
</html>
表单属性筛选过滤器
最新推荐文章于 2023-07-31 20:51:41 发布