当切换select时,获取select选中的值;获取选中的单选按钮的val,判断复选框是否选中
2015-03-27 16:25
585 查看
一、下拉列表
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>
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>
相关文章推荐
- jquery中如实现判断复选框是否选中,获取选中单选按钮的值,获取选中复选框的值
- 获取单选按钮的值,和判断当选按钮是否选中。
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- js取消单选按钮选中 判断对象是否为空
- 用JS判断单选按钮是否选中
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radi...
- 怎样用JS判断单选按钮是否选中?
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- js判断单选按钮是否选中
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- jqurey 遍历 div内的所有input单选复选按钮并判断是否选中
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- jquery判断单选按钮radio是否选中的方法
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- 使用JS判断单选按钮和复选框是否被选中的代码
- js取消单选按钮选中并判断对象是否为空
- jquery判断单选按钮radio是否选中的方法