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

版权声明：本文为Phil Jing原创文章，未经博主允许不得转载。 https://blog.csdn.net/phil_jing/article/details/79756797

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>