为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
PHP

<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); // 数组转换成字符串

点击查看更多内容
12人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消