一、下拉列表
js:
$("select").change(function(){
alert($("select option:selected").val());//再次获取该select的方式获取选中的值
alert($(this).find("option:selected").text());//使用this的方式获取选中的值
});
说明:如果select可以多选则返回一个数组。
html:select单选
<body style="height:1000px;">
<select size="3">
<option value="1">aaa</option>
<option value="2">bbb</option>
<option value="3">ccc</option>
<option value="4">ddd</option>
<option value="5">eee</option>
</select>
</body>
html:select多选
<body style="height:1000px;">
<select size="3">
<option value="1">aaa</option>
<option value="2">bbb</option>
<option value="3">ccc</option>
<option value="4">ddd</option>
<option value="5">eee</option>
</select>
</body>
二、单选按钮(获取选中按钮的val)
js:
alert($("input:radio:checked").val());
html:
<form>
男性:
<input type="radio" checked="checked" name="Sex" value="male" />
<br />
女性:
<input type="radio" name="Sex" value="female" />
</form>
三、复选框(判断是否选中)
js:
alert($("input[name='Bike']").prop("checked"));
alert($("input[name='Car']").prop("checked"));
html:
<form>
我喜欢自行车:
<input type="checkbox" name="Bike">
<br />
我喜欢汽车:
<input type="checkbox" name="Car">
</form>