继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

PHP 复选框全选,反选 选中值传递

Curtis_yang
关注TA
已关注
手记 63
粉丝 62
获赞 1091

<script type="text/javascript" src=../js/jquery-2.1.4.js></script>
<script type="text/javascript">
$(function() {
var checked_items = $("input[name='items']");

    // 全选
    $("#all").click(function() {
        for (var i = 0; i < checked_items.length; i++) {
            checked_items[i].checked = true;
        }
    });

    // 全不选
    $("#allnot").click(function() {
        for (var i = 0; i < checked_items.length; i++) {
            checked_items[i].checked = false;
        }
    });

    // 反选
    $("#back").click(function() {
        for (var i = 0; i < checked_items.length; i++) {
            checked_items[i].checked = !checked_items[i].checked;
        }
    });

</script>

<div id="select2">
<button id="all">全选</button>
<button id="allnot">全不选</button>
<button id="back">反选</button>
</div>

<div id="inputs">
<input type="checkbox" name="items" value="1" />1#
<input type="checkbox" name="items" value="2" />2#
<input type="checkbox" name="items" value="3" />3#
<input type="checkbox" name="items" value="4" />4#
<input type="checkbox" name="items" value="5" />5#
<input type="checkbox" name="items" value="6" />6#
<input type="checkbox" name="items" value="7" />7#
<input type="checkbox" name="items" value="8" />8#
<input type="checkbox" name="items" value="9" />9#
<input type="checkbox" name="items" value="10" />10#
</div>

传递选中的复选框的值提交到服务器端页面
var arr=[];
$("input[name='items']:checked").each(function() {
arr.push(this.value);// 将值加到数组里面
});

服务器端页面接收
$arr = $_REQUEST['arr'];
$in = implode(",", $arr); // 数组转换成字符串

打开App,阅读手记
12人推荐
发表评论
随时随地看视频慕课网APP

热门评论

文章上评论谁评论评论

  1. 第一行

  2. 第二 行

  3. 第三行  三条以下

  • 第一行

  • 第二行

  • 第三行啊

查看全部评论