<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); // 数组转换成字符串
共同学习,写下你的评论
评论加载中...
作者其他优质文章