全选反选复选框子类同步效果

原创 2016年06月01日 13:36:13
<script src="jquery-2.1.3.min.js" type="text/javascript"></script>
<?php
$arr = ['a', 'b', 'c', 'd'];
?>
<table>
   <?php
    foreach ($arr as $k => $v) {
        ?>
        <tr>
            <td>
                <input  class="module_role_ids"   type="checkbox"/>
            </td>
            <td>
                <?php echo $v; ?>
            </td>
            <td>
                <?php echo $v; ?>
            </td>
            <td>
                <input type="checkbox"  class="action_role_ids"/>
                <input type="checkbox" class="action_role_ids"/>
                <input type="checkbox" class="action_role_ids"/>
            </td>
        </tr>
    <?php } ?>
</table>

<script>
    $('.module_role_ids').each(function () {
        $('.module_role_ids').each(function () {
            var _this = $(this);
            var _parent = _this.parents('tr');
            _this.change(function () {
                _parent.find('.action_role_ids').prop('checked', _this.prop('checked'));
            });
            _parent.find('.action_role_ids').change(function () {
                _this.prop('checked', _parent.find('.action_role_ids:not(:checked)').length <= 0);
            });
        });
    });
</script>
全选、全不选代码:
<pre name="code" class="javascript">      $("#allxz").on('click', function () {
            var isChecked = $(this).prop("checked");
            $("input[name='fh']").prop("checked", isChecked);
        });

具体可参看http://www.jb51.net/article/71067.htm


jQuery each 复选 全选 遍历 等DEMO

var ckTimeArray = eTime.split(':');          $(ckTimeArray).each(function(){              var ckt = ...
  • jamv163
  • jamv163
  • 2014年12月04日 12:27
  • 204

全选和复选 批量操作 弹框

全选和复选  批量操作 弹框 http://layer.layui.com/ http://www.layui.com/doc/modules/layer.html#btnAlign 需要引入l...

EasyUI下拉框实现多选、全选、复选和模糊查询

其实整个的思路还是很麻烦的。之前网上查不到能囊括上面所有东西的。但是参考之后还是摸出了一种新的方法,但是仍然不完美。毕竟是在封装的东西上面修改。...
  • iaiti
  • iaiti
  • 2016年09月03日 11:32
  • 10864

类购物车的全选反选效果

有时候我们需要点击一个按钮让所有的按钮被选中,当再次点击的时候,所有按钮取消选中 实例如下: _btnArray=[[NSMutableArray alloc] init];       ...
  • maiwc
  • maiwc
  • 2016年04月25日 10:38
  • 847

js中checkbox中的全选和反选效果实现

Document //获取checkbox按钮组 var allpro = document.getElementsByName("c1"); //全选...

全选选中效果

  • 2015年12月08日 11:38
  • 698B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:全选反选复选框子类同步效果
举报原因:
原因补充:

(最多只允许输入30个字)