复选框的全选+全不选+ajax传递复选框的value值+后台接受复选框默认值
1.html代码
<!--全选框/全不选-->
<input type="checkbox" name="all" id="all" > <input type="checkbox" name="radio" value="1">
<input type="checkbox" name="radio" value="2">
<input type="checkbox" name="radio" value="3">
<input type="checkbox" name="radio" value="4">
<input type="checkbox" name="radio" value="5">
<input type="checkbox" name="radio" value="6">
2.全选/全不选js
//全选效果
$("#all").click(function () {
//判断全选框是不是checked效果
if (this.checked) {
//为所有的复选框加选中效果
$("input[name='radio']").prop("checked", true);
//$("input[name='radio']").attr("checked", true);会出现第一次能选中,再次全选中不好使的现象,可以亲身试验,我的印象很深刻 } else {
//取消所有复选框的选中效果
$("input[name='radio']").removeAttr("checked", false);
}
});

3.ajax进行复选框默认值传值
function del() {
//弹出提示,是否确定删除
if (confirm("确定要删除吗?")) {
//将所有复选框的默认值放入id数组中
var radio = document.getElementsByName('radio');
var id = new Array();
//将所有选中复选框的默认值写入到id数组中
for (var i = 0; i < radio.length; i++) {
if (radio[i].checked)
id.push(radio[i].value);
}
//ajax开始运行
$.ajax({
url: "{:U('Index/del')}",
type: "post",
dataType: "json",
data: {
id: id
}
,
success: function (msg) {
//ajax成功返回数据要执行的代码
}
});
}
}
4.控制器接收ajax传递的复选框的默认值
public function del()
{
//接收ajax传过来的id值(id为数组)
$id = I('post.id'); //判断传过来的数组是否有值
if (!empty($id)) {
//循环删除传过来的所有id对应的消息
foreach ($id as $v) {
$condition['id'] = $v; //删除该id对应的数据
$result_temp = $message->where($condition)->delete();
}
if ($result_temp !== false) {
$msg = $id;
$this->ajaxReturn($msg);
} else {
$msg = '删除失败';
$this->ajaxReturn($msg);
} } else {
$msg = '请进行选择再删除';
$this->ajaxReturn($msg);
}
}
复选框的全选+全不选+ajax传递复选框的value值+后台接受复选框默认值的更多相关文章
- jQuery对复选框(checkbox)的全选,全不选,反选等的操作
效果截图: HTML代码: <body><ul id="list"> <li><label><input type=" ...
- 复选框(checkox)全选、全不选、反选、获得选中项值的用例
HTML部分: <div class="all"> <ul> <li><input type="checkbox" v ...
- Android开发CheckBox控件,全选,反选,取消全选
在Android开发中我们经常会使用CheckBox控件,那么怎么实现CheckBox控件的全选,反选呢 首先布局我们的界面: <?xml version="1.0" enc ...
- jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
转载:https://blog.csdn.net/chenchunlin526/article/details/77448168 jQuery操作复选框checkbox技巧总结 --- 设置选中.取消 ...
- easyui的combobox将得到的数据设定为下拉框默认值和复选框设定默认值
通过easyui做了一个表,表里是从数据库拿到的数据. 现在双击某一行,通过点击行的id取到这一行的所有数据,现在需要修改这些得到的数据, 其中部分数据是<select>这个选择的, 问题 ...
- 【六】jquery之HTML代码/文本/值[下拉列表框、多选框、单选框的选中]
val()方法不仅能设置元素的值,同时也能获取元素的值.另外,val()方法还有另外一个用处,就是它能使select(下拉列表框).checkbox(多选框)和radio(单选框)相应的选项被选中,在 ...
- selectpicker下拉多选框ajax异步或者提前赋值=》默认值
Bootstrap select多选下拉框赋值 success: function (data) { var oldnumber = new Array(); $.each(data, functio ...
- vue 下拉框单选、多选以及默认值
背景: 单选框和多选框 都是使用了 el-select,但传给后端的值类型不一样,多选框传的值是 list类型: ['value1','value2'] ,单选框传值和其他类型一样:设置默认值也是如此 ...
- select2多选框初始化默认值和获得值
select2多选自带手动输入搜索功能,可怜我还查寻半天api 获得值: //chang函数获取选择的option $(".js-example").change(function ...
随机推荐
- 浏览器发送URL的编码特性
转载自:http://blog.csdn.net/wangjun_1218/article/details/4330244 浏览器发送URL的编码特性 尽管有很多规范URL的标准,例如RFC 3987 ...
- iBATIS事务处理
一:问题 最近发现了我们自己的项目的事务的处理根本就是行不通的,也因此我自己又去看了下有关事务的处理,算是有了个大致的了解吧,先说说我们最初的配置吧. 二:内容 (1):使用iBatis的事务管理 S ...
- java发送邮件(一)
一:前言 一直想做有关java发邮件的功能,但是了一直没有成功,特别的无语啊,所以今天有时间我终于成功了啊,虽然是最简单的,但是还是记载下来吧! 二:内容 这里主要需要的是spring-context ...
- 数学:拓展BSGS
当C不是素数的时候,之前介绍的BSGS就行不通了,需要用到拓展BSGS算法 方法转自https://blog.csdn.net/zzkksunboy/article/details/73162229 ...
- Flume 入门--几种不同的Sinks
主要介绍几种常见Flume的Sink--汇聚点 1.Logger Sink 记录INFO级别的日志,一般用于调试.前面介绍Source时候用到的Sink都是这个类型的Sink 必须配置的属性: 属性说 ...
- Spring Security 集成CAS实现单点登录
参考:http://elim.iteye.com/blog/2270446 众所周知,Cas是对单点登录的一种实现.本文假设读者已经了解了Cas的原理及其使用,这些内容在本文将不会讨论.Cas有Ser ...
- Java堆内存Heap与非堆内存Non-Heap
堆(Heap)和非堆(Non-heap)内存 按照官方的说法:“Java 虚拟机具有一个堆,堆是运行时数据区域,所有类实例和数组的内存均从此处分配.堆是在 Java 虚拟机启动时创建的.”“在 ...
- bzoj1862/1056: [Zjoi2006]GameZ游戏排名系统
传送门:http://www.lydsy.com/JudgeOnline/problem.php?id=1862 http://www.lydsy.com/JudgeOnline/problem.ph ...
- URI设计原则
以下是与 REST API 相关的重要术语: 资源(Resource) 是一个对象或对某物的表示.它有一些相关联的数据,并有一组方法进行操作. 例如:动物,学校和员工是资源.这些资源都有着删除,添加, ...
- Java多态的实现原理
1.多态的定义:指允许不同类的对象,对同一消息作出响应: 即同一消息可以根据发送对象的不同采用多种不同的行为方式: 2.多态的实现技术:动态绑定: 指在执行期间判断所引用对象的实际类型,根据其实际的类 ...