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()方法
选中值我能获取,但是如何获取选中值后面的文字?
求大神解答
展开
 我来答
刺友互
高粉答主

2019-07-11 · 每个回答都超有意思的
知道答主
回答量:3979
采纳率:100%
帮助的人:72.5万
展开全部

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】值【删除】下拉框的一个选项。

learneroner
高粉答主

推荐于2017-09-02 · 关注我不会让你失望
知道大有可为答主
回答量:1.1万
采纳率:91%
帮助的人:6568万
展开全部

思路:获取选中项目,然后使用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、效果演示

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
yugi111
推荐于2017-10-13 · TA获得超过8.1万个赞
知道大有可为答主
回答量:5.1万
采纳率:70%
帮助的人:1.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>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
只搜文档
2014-02-11 · 超过30用户采纳过TA的回答
知道答主
回答量:119
采纳率:0%
帮助的人:66.7万
展开全部
$(":checkbox:checked").each(function() {
alert($(this).next().html());
});
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式