<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
<script src="jquery-1.12.1.js"></script>
<script>
$(function () {
$("#btn").click(function () {
//点击按钮,获取和设置文本框的value属性,
// console.log($("#txt").val());
// $("#txt").val("今天天气一点也不好");
//点击按钮设置单选框的value属性
//$("#r2").val("哦天啊");
//$("#ck3").val("改了");
//获取文本域中的value值
//console.log($("#tt2").val());
//console.log($("#tt2").text());
//设置文本域中的文本内容--可以设置的
//$("#tt2").val("小苏好猥琐哦,哈哈");
//textarea推荐使用下面的方式-----jQuery的写法
//$("#tt2").text("好神奇哦");
//
//为select标签中value属性是5的这个option标签选中
$("#s1").val(5);//选中的意思,
});
});
</script>
</head>
<body>
<input type="button" value="显示效果" id="btn"/>
<input type="text" value="今天天气很好" id="txt"/><br/>
<input type="radio" value="1" name="sex"/>男
<input type="radio" value="2" name="sex" id="r2"/>女
<input type="radio" value="3" name="sex"/>保密
<br/>
<input type="checkbox" value="1"/>吃饭
<input type="checkbox" value="2"/>睡觉
<input type="checkbox" value="3" id="ck3"/>打豆豆
<input type="checkbox" value="4"/>打铅球
<br/>
<textarea name="tt" id="tt2" cols="30" rows="10">
普天之下,莫非王土,大清的江山都是朕的,是不会亡的,溥仪皇帝过了很多年之后,啊!,朕的大清亡了?
</textarea>
<select id="s1">
<option value="1">妲己</option>
<option value="2">王昭君</option>
<option value="3">西施</option>
<option value="4">貂蝉</option>
<option value="5">小乔</option>
<option value="6">大乔</option>
<option value="7">武则天</option>
</select>
</body>
</html>
|
