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

1、html多选框标签行

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

表格中每行的第一列的checkbox

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

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);

})

}

})

jquery完成带复选框的表格行高亮显示

jquery完成带复选框的表格行高亮显示 通过jquery技术来操作表格是件简单的事,通过jquery的语法,可以很轻松的完成表格的隔行换色,悬浮高亮,在实际的应用中可能会出现表格中带复选框的,删除时 ...

jquery点击复选框触发事件给input赋值

体验效果:http://keleyi.com/keleyi/phtml/jqtexiao/31.htm 代码如下:

js做全选，用一个checkbox复选框做多个checkbox复选框的全选按钮，有一个复选框未被选择时，全选按钮的checked就为false

用一个checkbox复选框做多个checkbox复选框的全选按钮,有一个复选框未被选择时,全选按钮的checked就为false,当所有checkbox都被选中时,全选按钮也被选中. 详解: 有两种 ...

php一些单选、复选框的默认选择方法(示例)

转载 http://www.php.cn/php-weizijiaocheng-360029.html 一. radio和checkbox及php select默认选择的实现代码 1.radio单选框 ...

checkebox 全选 ，子复选框单个全部选择后，全选框也会被选择

【jQuery】对于复选框操作的attr与prop

这个是在jQuery1.6版本号之后出现的鬼东西.受影响的主要有下拉列表select与复选框checkbox.众所周知.在jQuery中能够用attr()取出节点的属性,然而对于checkbox却不是 ...

案例1.通过Jquery来处理复选框

实现以下功能: 1:选中第一个复选框,那么下面所有的复选框都选中,去除选中第一个复选框,下面的都不选中 2:当点击全选按钮,上面足球.篮球.游泳.唱歌 全部选中 3:当点击全不选按钮,上面四个全部取消 ...

jQuery选取所有复选框被选中的值并用Ajax异步提交数据

昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来 ...

功能代码(1)---通过Jquery来处理复选框

实现以下功能: 1:选中第一个复选框,那么下面所有的复选框都选中,去除选中第一个复选框,下面的都不选中 2:当点击全选按钮,上面足球.篮球.游泳.唱歌 全部选中 3:当点击全不选按钮,上面四个全部取消 ...

随机推荐

在CentOS中将/var等已有目录挂载到新添加的硬盘

1.查看当前硬盘使用状况: [root@gluster_node1 ~]# df -h Filesystem            Size  Used Avail Use% Mounted on / ...

BIEE安装文件下载地址

Repository Creation Utility 下载地址 http://www.oracle.com/technetwork/middleware/bi-enterprise-edition/ ...

Oracle存储过程知识汇总

基本语法篇: CREATE OR REPLACE PROCEDURE 存储过程名 //CREATE OR REPLACE PROCEDURE 是一个SQL语句通知Oracle数据库去创建一个叫做ske ...

JavaScript字符串分割方法

使用split('')方法.此方法与Java的字符串分割方法方法名一样.

listview异步加载sd卡图片

package com.example.gridview; import java.io.File; import java.io.FileOutputStream; import java.io.I ...

福州大学W班-团队作业-随堂小测(同学录)成绩

作业链接 https://edu.cnblogs.com/campus/fzu/FZUSoftwareEngineering1715W/homework/1246 作业要求 1.题目 即编写一个能够记 ...

RxJava(九)zip操作符在Android中的实际使用场景

欢迎转载,转载请标明出处: http://blog.csdn.net/johnny901114/article/details/51614927 本文出自:[余志强的博客] 一.zip操作符概述 官方 ...

ToolbarDemo【Toolbar作为顶部导航栏的简单使用】

版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 简单记录ToolBar作为导航栏的使用.关键点在于如何在dialogfragment中使用toolbar! Toolbar的图标.标 ...

VUE v-for问题

今天写一个拖动然后使装备交换的功能,在背包格子里 发现直接设置Bags数组的项,v-for渲染出来的列表不会对应改变,只有设置值才会改变 有点拗口,贴代码吧 var repear = this.Bag ...

问题1：Oracle数据库监听启动失败(重启监听，提示The listener supports no services)

编辑监听文件:/home/DB/oracle/11gR2/db/network/admin/listener.ora 在文件内添加静态监听实例,如下内容: SID_LIST_LISTENER =(SI ...