代码之家  ›  专栏  ›  技术社区  ›  ev vk

脚本MVC中复选框的选择器

  •  0
  • ev vk  · 技术社区  · 6 年前
    我有这个代码的视图

    <li class=“list group item”data color=“danger”> @html.checkboxfor(model=>model.something[i].isselected,new@class=“test”)@model.something[i].sometext }
    $(函数()。{
    var$widget=$这个,
    }(二)
    
    $widget.on('click',函数()。{
    …更多代码
    
    
    但是,我意识到这种方法不起作用,因为当我单击一个项目时,所有复选框都被选中。

    我该怎么做才能使$checkbox选择器更具体?谢谢

    这是我的视图的外观,我想在单击行时选中每个复选框

       $(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
                });
    

    Something_0__IsSelected , Something_1__IsSelected
    

    我该怎么做才能使$checkbox选择器更具体?谢谢

    1 回复  |  直到 6 年前
        1
  •  1
  •   user3559349    6 年前

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