话不多说:
点击红色小框全选,取消去除全选
前端js:
注意:
all为红色的checkbox设置的id
sub为红色下面的checkbox设置的name
$(function () { $("#all").on('click', function () { $("input[name='sub']").prop("checked", this.checked); }); $("input[name='sub']").on('click', function () { var $subs = $("input[name='sub']"); $("#all").prop("checked", $subs.length == $subs.filter(":checked").length ? true : false); }); $("#btn_add").on('click', function () { $("#editform11").attr("action", "addSamplectorage.do"); $("#editform11").submit(); });
接下来请求的时候
var rights = "";//定义的数组或者字符串 $("input[name='sub']").each(function () { if ($(this).is(':checked')) { rights = rights + $(this).val() + "," } }); if (rights != "") { rights = rights.substring(0, rights.length - 1); } $("#hidden_approl").val(rights);//携带为下面的from提交等
这样前台jq的就已经完成后台接收即可(为参考)
String roleids = getRequest().getParameter("appRol"); String[] roleIdArr = roleids.split("[,]");
这样前台传后台解析就已经完成了,是不是很简单呢?有什么问题欢迎留言!将不予余力帮助各位.