Question

<table class="table table-striped table-bordered table-hover" id="datatable_users">
    <thead>
        <tr role="row" class="heading">
            <th class="table-checkbox" align="center" style="padding-right:0px;">
                <input type="checkbox" class="group-checkable" data-set="#sample_1 .checkboxes" id="checkAll" />
            </th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model.NotificationRecord)
        {
            <tr>
                <td>
                    <input type="checkbox" class="checkboxes chk" value="@item.GCMRegistrationId" name="SelectedAdmissions"/>
                </td> 
            </tr>
        }
    </tbody>
</table>

上面的复选框jquery

<script type="text/javascript" language="javascript">
    $('#checkAll').click(function (event) {  
        if (this.checked) { 
            $('.chk').each(function () { 
                $('.checker span').addClass('checked');
                this.checked = true;  
            });
        }
        else {
            $('.chk').each(function () { 
                this.checked = false; 
                $('.checker span').removeClass('checked');
            });
        }
    });
</script>

当我在Chrome或Mozilla中运行我的代码时，复选框没有显示但是它们在那里：当我签入检查元素时，我可以看到它们在那里但是它们被隐藏了。
我该如何解决这个问题？

Answer 1

hm ...如果你想检查是否选中了复选框，你应该这样做：

$(this).is(':checked')

如果你想更改复选框的值，你应该这样做：

$(this).prop(':checked', true)

Answer 2

感谢所有人，我给了我的班级CSS，现在Chrome和Mozilla都有复选框。enter code here

 div.checker input[type=checkbox] {
        opacity: 1 !important;
        -moz-appearance: checkbox !important;
        -webkit-appearance: checkbox !important;
         width:15px;
    }

复选框没有出现在浏览器中

2 个答案: