Jquery 如何从父项和子项中检索值复选框已选中

我有这个问题，我有检查家长和孩子的代码。但问题是，我不知道最终如何检索该值。。这里是包含父项和子项的复选框列表

<ul id="jobCat">
        <li>
            <input id="s9" class="parent" type="checkbox" name="jobCat" value="Accounting / Finance"
            />Accounting / Finance</li>
        <li>
            <input id="s15" class="parent-s9" type="checkbox" name="jobCat" value="Banking / Financial"
            /><span>Banking / Financial</span>
        </li>
        <li>
            <input id="s16" class="parent-s9" type="checkbox" name="jobCat" value="General / Cost Acct"
            /><span>General / Cost Acct</span>
        </li> </ul>

---

这里。。单击“会计/财务”复选框后，它选择了“全部”。但这并没有在最后显示出价值，所以我想要的是在最后显示所有的价值（包括父项和子项）。我弄不懂如何为它编码。。任何人请帮帮我。请看一下小提琴。这可能会让你知道怎么做

您需要更改以下功能：

 parentClicked: function () {
        var parentCheck = this.checked;
        var values='i';
        $('#jobCat input:checkbox[class="parent-' + $(this).attr('id') + '"]').each(function () {
            this.checked = parentCheck;
            values+=this.attr('value');
        });
        alert('hi');
    },

检查更新的小提琴。我想这就是你想要的：

---

您只能在其中进行编辑。这里我把所有的值存储在一个变量中，也就是说，只是为了举例。如果需要，您需要修改。实际上，我希望最终显示值，就像选中后一样，答案显示会计/财务银行。。。一般/。。。。像那样的东西我就是这样得到的。。但是有一些问题。。比如说，如果我点击

general/cost acc

general/cost acc，它会在末尾显示2次。。我怎么能换成一行？我的意思是我只想显示

general/cost acc

 parentClicked: function () {
        var parentCheck = this.checked;
        var values='i';
        $('#jobCat input:checkbox[class="parent-' + $(this).attr('id') + '"]').each(function () {
            this.checked = parentCheck;
            values+=this.attr('value');
        });
        alert('hi');
    },