下面展示一些 内联代码片
。
// <body>
<table border="" cellspacing="" cellpadding="">
<tr>
<td>姓名</td>
<td>
<input type="text" id="name" value="" />
</td>
<td rowspan="5">
<img src="images/img_4.jpg"/>
</td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio"name="sex" id="sex1"value="男" checked="checked"/>
<label for="sex1">男</label>
<input type="radio"name="sex"value="女" />
<label for="sex1">女</label>
</tr>
<tr>
<td>爱好</td>
<td>
<input type="checkbox" id="football"/><label for="football">足球</label>
<input type="checkbox" id="basketball"/><label for="basketball">篮球</label>
<input type="checkbox" id="badminton"/><label for="badminton">羽毛球</label>
</td>
</tr>
<tr>
<td>籍贯</td>
<td>
<select name="" id="select">
<option value="啥也不是">--请选择--</option>
<option value="1">--1--</option>
<option value="2">--2--</option>
<option value="3">--3--</option>
<option value="4">--4--</option>
</select>
</td>
</tr>
<tr>
<td>简介</td>
<td>
<textarea name="" rows="3" cols="">
12321213212313123123121321321321
</textarea>
</td>
</tr>
</table>
</body>
// $(function(){
/*alert($(":input").length);
alert($(":image").length);
alert($(":radio").length);*/
//给名为text赋值---给姓名赋值为--张四
$(":text:first").val("张四");
//单选框如何获取值--性别获取
var sex=$(":radio:checked").val();
/*alert(sex);*/
//如何获取复选框中的值---获取爱好
var hot="";
$(":checkbox:checked").each(function(){
hot+=$(this).val()+"/";
})
/*alert(hot);*/
//用:selected 获取下拉列表中的选项
var select=$("#select :selected").val();
/*alert(select);*/
})