1.实现对chexkbox进行批量删除

checkbox属性
<td><input name="ids" type="checkbox" value="${product.id }"></td> <script>
//删除操作
$("#del").click(function() {
if(confirm("确定删除吗")){
var cks=document.getElementsByName("ids");
var str="";
//拼接所有的图书id
for(var i=0;i<cks.length;i++){
if(cks[i].checked){
str+=str+cks[i].value+",";
}
}
//去掉字符串末尾的‘,’
str=str.substring(0, str.length-1);
location.href="deleteProdect?strId="+str;
}
});
</script>

2.拿到下拉列表框中的值当作页数返回后台

         <div class="form-group form-inline">
每页 <select class="form-control" onchange="changePageSize()" id="changePageSize">
<option>2</option>
<option>4</option>
<option>6</option>
<option>8</option>
<option>10</option>
</select> 条
</div>
function changePageSize() {
//获取下拉框的值
var pageSize = $("#changePageSize").val(); //向服务器发送请求,改变没页显示条数
location.href = "${pageContext.request.contextPath}/Orders/findAllOrders?page=1&size="
+ pageSize;
}

3.checkbox的一系列操作

  1>checkbox全选和全不选

 $(function () {
$("#chkAll").click(function () {
if ($("#chkAll").prop('checked')) {
$("input[name='checkbox']").prop("checked", "true");
} else {
$("input[name='checkbox']").removeAttr("checked");
}
});
})
}

 2>checkbox选中的个数

var len = $("input[name='checkbox']:checked").length;

4.选中text文本框时 登陆的错误信息消失

$("#username").click(function() {
$(".div1 span:last-child").css("display","none");
});

5.下拉文本框的数据的回显

 $("#select").find("option[value='${club.type}']").attr("selected", true);

6.正则表达式的使用(字段中不能存在空格)

function isNull(data, span) {
var reg = RegExp("^[^\\s]+$");
var value = document.getElementById(data).value
if (!reg.test(value)) {
document.getElementById(span).innerText = "请不要输入空格"
document.getElementById(span).style.color = "red"
} else {
document.getElementById(span).innerText = ""
} }

7.转换当前页面的时间格式

<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
        <div class="col-sm-10">
<input type="date" class="form-control" disabled=true
value="<fmt:formatDate value="${club.createdate}" pattern="yyyy-MM-dd"></fmt:formatDate>">
</div>

8.将Ajax中的json数据添加到下拉列表框中(向select中追加<option></option>)

    <select class="inp001" id="sProject" name="sProject" >
<option value="">-请选择-</option>
</select>
 function change() {
var type = $("#budget").val();
$.ajax({
type: "Get",
url: "${pageContext.request.contextPath}/item/ajaxType/" + type,
dataType: "json",
success: function (data) {
//清空下拉列表框
$("#fProject").empty();
$.each(data, function (index, item) {
//追加新的子选项
$("#fProject").append("<option value=" + item.id + " >" + item.name + "</option>");
})
}
})
};

9.点击一个超链接(<a></a>a标签)复制URL到剪切板

最新文章

  1. [JAVA] 注解学习@interface
  2. 【转载、推荐】不要自称是程序员,我十多年的 IT 职场总结
  3. 福利-&gt;KVC+Runtime获取类/对象的属性/成员变量/方法/协议并实现字典转模型
  4. 初学Hibernate
  5. 【虚拟DOM】√
  6. 团队项目&#183;冰球模拟器——cmake 自动化构建系统的配置文件的编写
  7. bzoj2165
  8. memmove 的实现
  9. google 浏览器使用技巧(一)
  10. pycharm下虚拟环境建立,django项目建立等情况说明
  11. element-ui MessageBox的bug
  12. 利用STM32CubeMX之SPI
  13. 五,ESP8266 TCP服务器多连接(基于Lua脚本语言)
  14. 安装Scrapy遇到的坑
  15. java泛型中&lt;? super String&gt;和&lt;? extends String&gt; 的区别
  16. Pig的使用场景
  17. Splunk安装部署基础篇
  18. 对数几率回归法(梯度下降法,随机梯度下降与牛顿法)与线性判别法(LDA)
  19. python 推导式(Comprehensions)
  20. 数据结构42:n个结点构造多少种树

热门文章

  1. Linux 下 Nand Flash 驱动主要数据结构说明
  2. JavaScript特效源码(4、鼠标特效)
  3. Matlab神经网络验证码识别
  4. Java虚拟机性能管理神器 - VisualVM(8) 查找JAVA应用程序耗时的方法函数【转】
  5. day08 网络设置、软件包管理
  6. LUOGU P2580 于是他错误的点名开始了(trie树)
  7. HTTP的九种请求方法
  8. 在Xsheel Linux上安装nodejs和npm
  9. centos部署jeecms
  10. java基础之BigDecimal类