• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

jquery实现表格复选框---多行选择问题(php变量)

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

表头的多选框,用于全选,取消全选

<th><input id='allSelected' type="checkbox"></th>

表格中每行的第一列的checkbox

用了php,所以会有if判断和data-id的变量

<td>
     <if condition="$val.status eq 1 and $val.uid neq 0 and $val.sure_visit neq 1">
        <input name="checkbox1" class="isSelected" type="checkbox"  data->
     </if>
</td>

2、获取所有选中行的id,并把结果放入数组中

$('.visited').click(function () {
       var Check = $("table input[type=checkbox]:checked");//在table中找input下类型为checkbox属性为选中状态的数据
       var ids = new Array();
       let i = 0;
       Check.each(function () {//遍历
           var id = $(this).attr('data-id')
           ids[i] = id;
           i++;
       })
})

3、全选和取消全选

let checkAllTop = $('#allSelected');
      checkAllTop.click(function () {
      if (checkAllTop.is(':checked')) {
            console.log('全选');
            var Check = $("table input[type=checkbox]");//在table中找input
            Check.each(function () {//遍历
                 $(this).prop('checked', true);
            })
      } else {
            console.log('取消全选');
            var Check = $("table input[type=checkbox]");//在table中找input
            Check.each(function () {//遍历
                 $(this).prop('checked', false);
            })
     }
})

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
php中0与’0’的区别发布时间:2022-07-10
下一篇:
Php删除数组后几个元素发布时间:2022-07-10
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap