javascript - 脚本 mvc 中复选框的选择器

Question

美好的一天，我对这段代码有一个看法

<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>

我还有我的脚本来更改每个复选框属性“已选中”

   $(function () {
        $('.list-group.checked-list-box .list-group-item').each(function () {
            var $widget = $(this),
                $checkbox = $('.test'), //I use this selector but is not a good one
                ....
                more settings
                };
            $widget.css('cursor', 'pointer')

            // Event Handlers
            $widget.on('click', function () {
                $checkbox.prop('checked', !$checkbox.is(':checked')); //changes propertie to checked
               ...more code
                ...more code
            });

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

每个复选框的id如下

Something_0__IsSelected , Something_1__IsSelected

我应该怎样做才能使 $checkbox 选择器更具体？谢谢

添加这就是我的 View 的样子，我想在单击一行时检查每个复选框

Answer 1

您的$checkbox = $('.test')正在选择所有复选框。您只需选择相应的 <li> 中的复选框即可。元素

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