Javascript 脚本mvc中复选框的选择器

你好， 我对这个代码有一个看法

<ul id="check-list-box" class="list-group checked-list-box">

            @for (var i = 0; i < Model.RespuestasParaDetalleRespuesta.Count(); i++)
            {
                <li class="list-group-item" data-color="danger">
                    @Html.HiddenFor(model => model.Something[i].Id)
                    @Html.HiddenFor(model => model.Something[i].DetailId)
                    @Html.CheckBoxFor(model => model.Something[i].IsSelected,new { @class="test"})@Model.Something[i].SomeText
                </li>
            }
        </ul>

如您所见，使用此代码，一旦用户单击某个项目，函数就会尝试将复选框属性更改为选中或未选中。 然而，我意识到这种方法不起作用，因为当我点击一个项目时，所有复选框都被选中

每个复选框的id如下所示

Something_0__IsSelected , Something_1__IsSelected

如何使$checkbox选择器更具体？谢谢

加成 这就是我的视图的外观，我希望在单击行时选中每个复选框

您的$checkbox=$'.test'正在选择所有复选框。您只需要选择相应元素中的复选框

---

只是var$checkbox=$this；对不起，如果我用$this；行吗？因为我已经使用了var$widget=$this抱歉，不清楚您在做什么-您有多个元素吗？为什么在-上有$。每个都有一个$。你不想循环复选框吗？用这个来指代当前的复选框$小部件。在“单击”时，函数{$this.prop'checked'，！$checkbox.is'：checked'；我试图使用一个比使用类来选择复选框更具体的选择器，例如，我可以使用Id作为选择器吗？

Something_0__IsSelected , Something_1__IsSelected

$('.list-group.checked-list-box .list-group-item').each(function () {
    // $(this) is the <li> element
    var $widget = $(this), 
    $checkbox = $(this).find('.test'), // change this
    ....