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值+后台接受复选框默认值的更多相关文章

  1. jQuery对复选框(checkbox)的全选,全不选,反选等的操作

    效果截图: HTML代码: <body><ul id="list"> <li><label><input type=" ...

  2. 复选框(checkox)全选、全不选、反选、获得选中项值的用例

    HTML部分: <div class="all"> <ul> <li><input type="checkbox" v ...

  3. Android开发CheckBox控件,全选,反选,取消全选

    在Android开发中我们经常会使用CheckBox控件,那么怎么实现CheckBox控件的全选,反选呢 首先布局我们的界面: <?xml version="1.0" enc ...

  4. jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等

    转载:https://blog.csdn.net/chenchunlin526/article/details/77448168 jQuery操作复选框checkbox技巧总结 --- 设置选中.取消 ...

  5. easyui的combobox将得到的数据设定为下拉框默认值和复选框设定默认值

    通过easyui做了一个表,表里是从数据库拿到的数据. 现在双击某一行,通过点击行的id取到这一行的所有数据,现在需要修改这些得到的数据, 其中部分数据是<select>这个选择的, 问题 ...

  6. 【六】jquery之HTML代码/文本/值[下拉列表框、多选框、单选框的选中]

    val()方法不仅能设置元素的值,同时也能获取元素的值.另外,val()方法还有另外一个用处,就是它能使select(下拉列表框).checkbox(多选框)和radio(单选框)相应的选项被选中,在 ...

  7. selectpicker下拉多选框ajax异步或者提前赋值=》默认值

    Bootstrap select多选下拉框赋值 success: function (data) { var oldnumber = new Array(); $.each(data, functio ...

  8. vue 下拉框单选、多选以及默认值

    背景: 单选框和多选框 都是使用了 el-select,但传给后端的值类型不一样,多选框传的值是 list类型: ['value1','value2'] ,单选框传值和其他类型一样:设置默认值也是如此 ...

  9. select2多选框初始化默认值和获得值

    select2多选自带手动输入搜索功能,可怜我还查寻半天api 获得值: //chang函数获取选择的option $(".js-example").change(function ...

随机推荐

  1. AngularJs 中的CheckBox前后台交互

    前台页面: <div class="form-group"> <label for="CompanyName" class="col ...

  2. SPOJ 104 HIGH - Highways

    HIGH - Highways http://www.spoj.com/problems/HIGH/ In some countries building highways takes a lot o ...

  3. 【C++ STL】Vector

    1.结构 vector模塑出一个动态数组,因此,它本身是“将元素置于动态数组中加以管理”的一个抽象概念.vector将其元素复制到内部的dynamic array中.元素之间总存在某种顺序,所以vec ...

  4. activemq依赖包获取

    现在项目中使用的是activemq-all.jar的jar,17M多,里面集成了日志.spring等相关的包.但项目启动时发现系统使用的是activemq包中的日志实现,没有用本项目的日志包.只能将整 ...

  5. 省队集训 Day3 陈姚班

    [题目大意] 给一张网格图,上往下有流量限制,下往上没有,左往右有流量限制. $n * m \leq 2.5 * 10^6$ [题解] 考场直接上最大流,50分.竟然傻逼没看出狼抓兔子. 平面图转对偶 ...

  6. 【BZOJ】1718: [Usaco2006 Jan] Redundant Paths 分离的路径

    [题意]给定无向连通图,要求添加最少的边使全图变成边双连通分量. [算法]Tarjan缩点 [题解]首先边双缩点,得到一棵树(无向无环图). 入度为1的点就是叶子,两个LCA为根的叶子间合并最高效,直 ...

  7. 微软Azure DevOps 使用docker 持续集成 dotnet

    azure 环境设置 登录azure 地址 https://dev.azure.com/ 使用微软账号就可以进行登录. 点击右上角新建项目 项目信息,尽量用小写 创建项目 修改默认的dockerfil ...

  8. bzoj 1006 MCS算法

    根据陈丹琪的论文弦图与区间图,求出弦图的完美消除序列之后,反向给每个点染可以染的最小的颜色,这样可以使用最少的颜色染色,染色的方案即为队伍数. 那么我们需要求该图的完美消除序列,使用MCS算法,从后向 ...

  9. feign hystrix 线程池伸缩控制

    当前使用的版本 <parent> <groupId>org.springframework.boot</groupId> <artifactId>spr ...

  10. 【转】ps命令详解

    原文地址:http://apps.hi.baidu.com/share/detail/32573968 有 时候系统管理员可能只关心现在系统中运行着哪些程序,而不想知道有哪些进程在运行.由于一个应用程 ...