jQuery如何获取复选框选中项后的文字?
发布网友
共4个回答
热心网友
1、创建如下结构的测试文件-- Content，-- jquery-1.11.3.min.js，-- JquerySelect.html。
2、【获取】下拉框【选中值】：使用【.val()】。
3、【获取】下拉框【选中文本】：使用【.find("option:selected").text()】。
4、【获取】下拉框选中项的【索引】：使用【.get(0).selectedIndex】。
5、通过【value】值【设置】下拉框的选中项：使用【.val("value值")】。
6、通过【text】值【设置】下拉框的选中项。
7、通过【value】值【删除】下拉框的一个选项。
8、通过【text】值【删除】下拉框的一个选项。
热心网友
思路：获取选中项目，然后使用next()方法获取选中项后放置文字的对象，最后使用text()或html()方法获取文字的内容。实例演示如下:
1、HTML结构
<input type="checkbox" name="test"><span>李子</span><input type="checkbox" name="test"><span>栗子</span><br>
<input type="checkbox" name="test"><span>梨子</span>
<input type="checkbox" name="test"><span>荔枝</span>
<input type="button" value="提交">
2、jquery代码
$(function(){$("input[type='button']").click(function() {
str = $("input:checkbox[name='test']:checked").next().text();
alert(str);
});
});
3、效果演示
热心网友
<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf-8 />
<title>test</title>
<script src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
function _submit () {
$(':checked').each(function () {
alert($(this).next().html());
});
}
</script>
</head>
<body>
<li><input type=checkbox value="1"><span>123</span></li>
<li><input type=checkbox value="2"><span>234</span></li>
<li><input type=checkbox value="3"><span>345</span></li>
<div onclick="_submit();">提交</div>
</body>
<html>
热心网友
$(":checkbox:checked").each(function() {
alert($(this).next().html());
});
