首页 > 开发 > php > 正文

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

2016-04-19 12:15:39  来源:慕课网
<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); // 数组转换成字符串