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