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

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


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

类购物车的全选反选效果

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

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

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

Android 实现自定义多级树控件和全选与反选的效果

对于多级树的显示其实就是通过数据中各个节点的关系,通过不同的缩进来达到树的效果。而数据中主要要把握id,父节点pId,name的关系,来显示其效果。 源码地址:http://download.csdn...

js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等

代码::: js实现表格隔行变色效果 .top{     background-color:#F93;     color:#30C;} table{     bo...

使用jquery全选和反选的效果

状态 用户名 赵 ...

js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等

如果表格的数据比较多的话,表格颜色很单一看起来很不方便,看到一些网站将每行的颜色隔行改掉,很清晰。 其次如果表格的每行信息很多的话,一个不小心会看跑偏,所以在此为大家提供一个解决的办法,但鼠标放上去...

全选选中效果

  • 2015-12-08 11:38
  • 698B
  • 下载

js实现全选效果

  • 2016-01-09 17:10
  • 82KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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