js里几个写法,第一次写,记录一下
来源:互联网 发布:注册英语培训学校 知乎 编辑:程序博客网 时间:2024/06/11 22:55
1.jsp页面的样式
<div class="row cl">
<label class="form-label col-xs-4 col-sm-2"style="text-align: right;">车辆属性:</label>
<div class="formControls col-xs-8 col-sm-9">
<dl class="permission-list" style="width: 310px;">
<dt>
<label>
<input type="checkbox" value="" name="user-Character-0" id="checkAll"
//jsp页面比较两个list的长度 : ${fn:length(list1)==fn:length(list2) },使用fn要在页面引入<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:if test="${fn:length(autobasic.autoattributeList)==fn:length(autobasic.automappingattrList) }"> checked="checked" </c:if>
>全选:</label>
</dt>
<dd>
<c:forEach items="${autobasic.autoattributeList }" var="autoattribute" varStatus="status">
<label class="attrcheboxclass">
//在input中再加入一个foreach循环遍历判断每个checkbox是否被选中,如果被选中,则在input中添加checked属性
<input type="checkbox" class="checkOne" name="checkbox_name" value="${autoattribute.autoattributeId }"
<c:forEach items="${autobasic.automappingattrList}" var="automappingattr">
<c:if test="${automappingattr.autoattributeId == autoattribute.autoattributeId}">checked="checked"</c:if>
</c:forEach>
>
${autoattribute.name }</label>
</c:forEach>
</dd>
</dl>
</div>
</div>
效果如图:
2.获取复选框中的值
var idStr = "";
$("input[name='checkbox_name']").each(function(){
if($(this).is(":checked")){
//这里用逗号将字符串分隔开,传到后台后再分开取值
idStr+=$(this).val()+",";
}
});
entity.temporary = idStr;
下面是后台代码:
String[] strs = autobasic.getTemporary().split(",");
for (int i = 0; i < strs.length; i++) {
temp.setAutoattributeId(Integer.parseInt(strs[i]));
保存入对应的数据库
this.automappingattrService.insert(temp, "Automappingattr");
}
3.js里面实现全选和全不选:
checkAll为全选框的id
$("#checkAll").click(function() {
当全选框的属性改变为checked属性时,所有name为checkbox_name的checkbox循环遍历一次,并且都被选中,此处使用prop。
if($(this).is(':checked')) {
$("input[name='checkbox_name']").each(function(){
$(this).prop("checked",true);
});
当全选框由checked被点击为false时,所有name为checkbox_name的checkbox循环遍历一次,并且都不被选中
}else{
$("input[name='checkbox_name']").each(function(){
$(this).prop("checked",false);
});
}
});
当checkBox框被点击时,遍历所有的name为checkbox_name的单选框,如果所有的单选框都被选中时,那么全选框也会被勾选
$("input[name='checkbox_name']").click(function(){
var flag = true;
$("input[name='checkbox_name']").each(function(){
if(!$(this).is(":checked")){
flag = false;
}
});
if(flag==true){
$("#checkAll").prop("checked",true);
}else{
$("#checkAll").prop("checked",false);
}
});
- js里几个写法,第一次写,记录一下
- 第一次写博客,记录一下。
- 第一次写oracle触发器,记录一下
- 第一次写记录一下,以后解决问题后就写一篇记录
- 第一次写我自己的BLOG。记录一下
- 记录一下,第一次用java写那么长
- 第一次写博客,记录一下今天遇到的一个错误
- 第一次写博客--记录一下javascript插件开发的内容
- 测试一下,第一次写
- 第一次开通,记录一下
- 记录一下几个网址。
- 第一次写文章,纪念一下
- 第一次写,小试一下
- 第一次写文章,纪念一下
- 纪念一下第一次写博客
- 记录一下shell简单写法
- 记录一下触发器的写法
- 记录第一次写博客
- 【C/C++开发】STL内嵌数据类型: value_type
- HTML学习笔记(一)——HTML简介
- javascript 对象的继承
- oracle MINUS INTERSECT UNION ALL
- 接口测试那些事
- js里几个写法,第一次写,记录一下
- 理解Cookie和Session机制
- 求两个数的公因数的两种方法java实现
- The resource could not be loaded because the App Transport Security policy requires the use of a sec
- idea遇到web项目dubug进不去的问题
- 小白Java求学之路之一:控制台实现用户注册、登录
- 算法竞赛入门经典(第二版) 习题
- 《围城》|我们终其一生,都在不同的围城中,逃也是逃不掉的。
- iOS网络--HTTP请求