<!DOCTYPE html>
<html>
<head>
<title>操作html/text/val.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../jquery-1.8.3.js"></script>
<script type="text/javascript">
/*
<div><p>你好</p></div> 获取div中 html和text 对比
使用val() 获得文本框、下拉框、单选框选中的value
测试能否通过 val() 设置单选框、下拉框的选中效果 ？
*/
$(document).ready(function(){
/*
<div><p>你好</p></div> 获取div中 html和text 对比
var $obj = $("<div><p>你好</p></div>");
alert($obj.html());
alert($obj.text());
*/
$("#mybutton").click(function(){
//使用val()获得文本框、下拉框、单选框选中的value
alert($("#username").val());
alert($("input[name='gender']:checked").val());
alert($("#city").val());
alert($("input[type='checkbox']:checked").val());
})
//测试能否通过 val()设置单选框、下拉框、复选框的选中效果 ？
$("input[name='gender']").val(['女']);
$("input[type='checkbox']").val(['check3']);
$("#city").val("上海");
});
</script>
</head>
<body>
用户名 <input type="text" id="username" /> <br/>
性别 <input type="radio" name="gender" value="男"/>男 <input type="radio" name="gender" value="女" />女<br/>
复选框<input type="checkbox" value="check2"/> check2 <br/>
 <input type="checkbox" value="check3"/> check3 <br/>
城市 <select id="city">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="广州">广州</option>
</select> <br/>
<input type="button" value="获取val" id="mybutton"/>
</body>
</html>
|
管理
