Jquery如何选中中间的复选框

我如何勾选代码6000，它将自动勾选7000之间的复选框？如果选中7000，则该值也会在7000和7004之间

    $('.mGrid tr').each(function () {
    if (!this.rowIndex) return;
    if ($(this).find("td:eq(2)").text() =='S') {
        $(this).css({
            'font-weight': '800',
            'background-color': '#DBFF94',
            'border' : '2px solid black'
        });

    }
});
<table class="mGrid" cellspacing="0" rules="rows" border="1" id="GridView1" style="border-collapse:collapse;">
            <tr align="left">
                <th scope="col">
                                <span class="chkHeader"><input id="GridView1_chkAll" type="checkbox" name="ctl00$MainContent$nnn$GridView1$ctl01$chkAll" /></span>
                            </th><th scope="col">Code</th><th scope="col">Sub Code</th><th scope="col">Title</th><th scope="col">Description</th><th class="HiddenColumn" scope="col">&nbsp;</th>
            </tr><tr>
                <td>
                                <span class="chkItem"><input id="GridView1_chkCheck_0" type="checkbox" name="ctl00$MainContent$nnn$GridView1$ctl02$chkCheck" /></span>
                            </td><td>1000</td><td>S</td><td>Main</td><td>Summary of everything </td><td class="HiddenColumn"><a href="javascript:__doPostBack(&#39;ctl00$MainContent$nnn$GridView1&#39;,&#39;Select$0&#39;)">Select</a></td>
            </tr><tr class="alt">
                <td>
                                <span class="chkItem"><input id="GridView1_chkCheck_1" type="checkbox" name="ctl00$MainContent$nnn$GridView1$ctl03$chkCheck" /></span>
                            </td><td>6000</td><td>S</td><td>Report</td><td>All Reports</td><td class="HiddenColumn"><a href="javascript:__doPostBack(&#39;ctl00$MainContent$nnn$GridView1&#39;,&#39;Select$1&#39;)">Select</a></td>
            </tr>
        </table>

$（'.mGrid tr'）。每个（函数（）{
如果（！this.rowIndex）返回；
if（$（this）.find（“td:eq（2）”）.text（）{
$（this.css）({
“字体大小”：“800”，
“背景色”：“DBFF94”，
“边框”：“2px纯黑”
});
}
});
代码子代码标题描述
每样东西都有1000平方米
6000s报告

添加了html部分，有点凌乱

####更新 如果我想在两者之间选择1，例如，选中6001-6005，代码6000复选框将自动选中，我如何才能做到这一点？ $（this）.closest（'tr'）.prevUntil（'tr.lights'）.css（'background-color'，'black'）；我尝试使用prevUntil，但它几乎突出显示了所有prev

---

$（this）.closest（'tr'）.prev（'tr.lights'）.css（'background-color'，'black'）；如果内容是动态创建的，则仅当它靠近绿行时才能突出显示。您可以向分组元素添加自定义属性，如

data group=“6000”

，以便执行以下操作：

$('[data-group]').click(function(){
$("[data-group='"+this.attr('data-group')+"']").attr('checked','checked');
});

---

查看工作版本

如果您有以下HTML（请注意，输入是同级的）

---

您必须执行类似的操作来向后检查复选框（使用prevUntil&prevAll）

您还需要显示HTML的结构。。。。否则，我们将无法适当地帮助您。不管怎么说，解决方案可能包括。看看下一个直到现在，嗯，它看起来像我要找的，但是需要学习一下这个AWWW，感觉很舒服，需要学习这个PrevUtil&prevAll的用法

  1<input type="checkbox"/>
  2<input type="checkbox"/>
  3<input type="checkbox"/>
  4<input type="checkbox"/>
  5<input type="checkbox"/>
  6<input type="checkbox"/>
  7<input type="checkbox"/>
  8<input type="checkbox"/>
  9<input type="checkbox"/>
  0<input type="checkbox"/>

 $('input').click(function(){
    var $t = $(this);
    var unchkds = $t.nextUntil('input:checked', 'input[type="checkbox"]');
    var allInputsAfterN = $t.nextAll('input').length;
    if(unchkds.length > 0 && unchkds.length != allInputsAfterN) {
       console.log(unchkds.length + " unchecked after. " + allInputsAfterN + " total after");
      unchkds.prop('checked', true);
    }
  });