bootstrap switch控件使用问题

Question

如图第一行按钮 是写的死的 有点击效果，可是后边的都没有点击效果 我怎么修改？

                     <table>

                        <tr>

                            <th>工资条表头</th>

                            <th>是否开启</th>

                        </tr>

                        <tr>

                            <td><input class="my-checkbox" type="checkbox" name="my-checkbox4" checked></td>

                            <td><input class="my-checkbox" type="checkbox" name="my-checkbox4" checked></td>

                        </tr>

                        <tr ng-repeat="item in tem_set">

                            <td>{{item}}</td>

                            <td><input class="my-checkbox" type="checkbox" name="my-checkbox4"></td>

                        </tr>

                    </table>

<script>

    $(function () {

        $(".my-checkbox").bootstrapSwitch({size: 'mini'});

    })

</script>