jQuery如何获取复选框选中项后的文字?
<li><inputtype=checkboxvalue="1"><span>123</span></li><li><inputtype=checkboxvalue="2...
<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>
怎么写submit()方法
选中值我能获取,但是如何获取选中值后面的文字?
求大神解答 展开
<li><input type=checkbox value="2"><span>234</span></li>
<li><input type=checkbox value="3"><span>345</span></li>
<div "onclick="submit()">提交</div>
怎么写submit()方法
选中值我能获取,但是如何获取选中值后面的文字?
求大神解答 展开
展开全部
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());
});
alert($(this).next().html());
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询