jQuery如何获取复选框选中项后的文字

最新推荐文章于 2021-10-13 17:22:58 发布

Phil Jing

最新推荐文章于 2021-10-13 17:22:58 发布

阅读量8.2k

点赞数

分类专栏： jQuery 文章标签： checkbox jQuery

本文链接：https://blog.csdn.net/phil_jing/article/details/79756797

版权

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。

<script src="http://code.jquery.com/jquery.min.js"></script>
<div style="text-align: left;margin-left: 20px;">
    <input type="checkbox" name="changeReason" value="1"/><span>    供应商工商注册地变更导致注册信息变更</span><br/><br/>
    <input type="checkbox" name="changeReason" value="2"/><span>    供应商版本结构变更导致注册信息变更</span><br/><br/>
    <input type="checkbox" name="changeReason" value="3"/><span>    供应商被收购导致注册信息变更</span><br/><br/>
    <input type="checkbox" name="changeReason" value="4"/><span>    供应商收购其它企业导致注册信息变更</span><br/><br/>
    <input type="checkbox" name="changeReason" value="5"/><span>    供应商与其它企业合资导致注册信息变更</span><br/><br/>
<input type="button" value="测试">
</div>
<script>
$(function(){
    $("input[type='button']").click(function() {
        value = $.trim($("input:checkbox[name='changeReason']:checked").next().text());
        alert(value);
    });
});
</script>