Javascript
ZYJ~
记录搬砖日常
展开
-
input验证只能输入数字,逗号和小数点的正则表达式
input type="text" class="form-control" autocomplete="off" onchange = "if(/[^\d+(,\d\d\d)*.\d+$]/g.test(this.value)){layer.alert('只能输入数字');this.value='';}">原创 2020-01-07 16:07:09 · 2455 阅读 · 1 评论 -
JQ实现一键复制到剪切板
1、下载:https://clipboardjs.com/2、在代码中引入:<script src="dist/clipboard.min.js"></script>使用如下:var clipboard = new ClipboardJS('.copy', { text: function() { //复制内容 retu...原创 2019-11-25 16:54:51 · 1444 阅读 · 1 评论 -
JS判断字符串中是否含有某个字符的方法
var name1 = $("input[name='NAME1']").val();if(name1.indexOf("-") > 0){ alert("name1中包含 - 字符");}indexof的用法:返回 String 对象内第一次出现子字符串的字符位置。indexOf方法返回一个整数值,指出 String 对象内子字符串的开始位置。如果没有找到子字符串,原创 2017-06-08 16:40:29 · 2777 阅读 · 0 评论 -
jq实现循环遍历树形结构的CheckBox根据父级选中子级
首先贴一张需要实现是效果图(这树形结构用的是easyui的),这效果是用jq实现的,数据是后台查询出来,并实例化到前台,再循环遍历后台查询出来的数据本来是这样的:这样的二维数组是不够的,需要我们处理一下:$newarray = array(); foreach ($list as $data){ $rolena原创 2017-06-23 16:13:39 · 3778 阅读 · 0 评论 -
用ajax向table插一条一条数据,使插入最新数据都在第一行
首先我的布局是这样的:ajax是这样的:这样就能实现每次ajax返回最新的一条数据都会在table的第一行显示。原创 2017-06-23 16:35:29 · 3277 阅读 · 0 评论 -
jquery如何获取某一个兄弟节点
$('#id').siblings() 当前元素所有的兄弟节点$('#id').prev() 当前元素前一个兄弟节点$('#id').prevaAll() 当前元素之前所有的兄弟节点$('#id').next() 当前元素之后第一个兄弟节点$('#id').nextAll() 当前元素之后所有的兄弟节点...原创 2018-04-16 12:06:03 · 5046 阅读 · 0 评论 -
jquery修改input的值,vue获取不到的解决办法
$("input[name='aa']").val(2333)//触发一下该input的input事件$("input[name='aa']")[0].dispatchEvent(new Event('input'))原创 2018-05-17 11:50:44 · 4832 阅读 · 1 评论 -
jquery的定时器setTimeout()与定时循环执行器setInterval()的区别
一、定时循环执行器setInterval("getLoc()",5000);或者setInterval(getLoc,5000);的书写格式都是正确的。这个方法是每过5秒就会执行getLoc()方法,从而调用ajax去后台访问数据。二、定时器setTimeout("getLoc",5000);或者setTimeout(getLoc,5000);的书写格式都是正确的。如果把上面的setInterva...原创 2018-05-07 11:38:56 · 1265 阅读 · 0 评论 -
JQ设置input框只能输入数字并限制个数
<input type="text" name="CreatorName" id="CreatorName" value="" maxlength='4'> //给input设置只能输入数字$("#CreatorName").keyup(function(){ $(this).val($(this).val().replace( /[^0-9]/g,''));}原创 2018-06-21 11:23:26 · 9210 阅读 · 0 评论 -
JS判断字符串变量是否含有某个字串的方法
var name1 = $("input[name='NAME1']").val();if(name1.indexOf("-") > 0){ alert("name1中包含 - 字符");}原创 2018-08-10 11:09:29 · 1649 阅读 · 0 评论 -
JQ四舍五入保留两位小数
function gettoDecimal(num) { var result = parseFloat(num); if (isNaN(result)) { return false; } result = Math.round(num * 100) / 100; var s_x = result.toString(); var ...原创 2019-05-17 14:39:41 · 3210 阅读 · 0 评论 -
jq实现千分位的转换
一、千分位转换位整数var sum = '2,034,300';var x = sum.split(",");var plan_sum = parseFloat(x.join(""));输出的结果就是“2034300”;二、整数转换成千分位var TextBox8_all = "12340400"; var num = TextBox8_all.toFixed(2)+"";...原创 2017-05-18 15:20:59 · 3557 阅读 · 0 评论 -
jquery获取一个select里面的所有option的值
首先是html(这里我是做了循环遍历):select name="VKORG" id="VKORG" size="1" > option value="">option> foreach name="vkorg" item="vo"> option value="{$vo.VKORG}">{$vo.VTEXT}option> foreach>sel原创 2017-04-26 17:47:18 · 16226 阅读 · 0 评论 -
HTML页面禁用Enter键自动提交表单
在HTML页里面由于使用了form,常常需要禁用enter提交表单。因为内容页或者母版页自身有如果有type="submit"的button,当textbox聚焦时,按下enter都会触发表单的默认提交(不论是IE还是firefox),于是需要在onkeydown中监听用户的按键。实际测试,IE8中导致表单提交的不确定因素太多,点击表单的table中的td都会触发表单提交,而firefox则不会;原创 2016-12-04 09:48:48 · 1868 阅读 · 0 评论 -
php+JQ+EasyUI自动加载数据
一、在html文件中先插入一个table标签pagination:true 显示分页 false 不显示分页rownumbers:true 显示行数 false 不显示行数我就随意说两个,其他的可以在EsayUI的官网上可以查看:http://www.jeasyui.net/原创 2016-11-23 13:32:27 · 1284 阅读 · 0 评论 -
EasyUI单击选中一行数据并获取数据
在EasyUI中有一个单击事件onClickRow 单击一行事件onDblClickRow 双击一行事件首先,应该在datagrid的columns中添加一隐藏列id(数据库查询语句中要有这个字段的查询数据)之后在写单击事件或双击事件,一些解释就仔细看一下图片上的注释//根据datagrid加载表格数据$('#dg').datagrid({ title:'公司...原创 2016-11-24 14:58:32 · 14740 阅读 · 0 评论 -
jq 点编辑出现input框可进行编辑,出现保存和取消
首先是效果图下面是html前台的布局代码再是jq的代码 script> //页面加载时将input框和保存和取消隐藏 $(document).ready(function(){ $("input[name='xs1']").hide();原创 2017-02-21 17:49:09 · 2693 阅读 · 0 评论 -
jQuery实现获取年月日的一些方法总结
用jq来获取当前的时间:$(function(){ var myDate = new Date; var year = myDate.getFullYear();//获取当前年 var yue = myDate.getMonth()+1;//获取当前月 var date = myDate.getDate();//获取当前日 var h = myDat原创 2017-05-04 16:01:59 · 24549 阅读 · 0 评论 -
thinkphp中用PHPExcel导出excel表—ajax方法
首先在前台html页面中点击某个控件来导出excel,这里用ajax的click方法实现实现点击事件,那怎么跟PHPExcel联系起来呢,请看代码:HTML中jQ部分://导出excel$("#daochu").click(function(){ var vkorg = $("#VKORG option:selected").val(); if(vkorg == ""原创 2017-05-04 16:15:05 · 6052 阅读 · 4 评论 -
jQuery怎么根据某个特定的值动态让select下的option选中
这里以默认选中当前月为例:HTML:<select name="MONAT" id="MONAT"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option>...原创 2017-05-04 15:52:33 · 47577 阅读 · 9 评论 -
ajax实现文件上传
在一个form表单里面实现文件上传。原创 2017-04-13 17:53:20 · 368 阅读 · 0 评论 -
thinkphp导入excel文件
之前做到这个导入的问题,查了thinkphp上面的方法,自己就想总结一下。第一步当然是前台布局,布局还是很重要的导入excel文件其实就是文件上传,只是现在这个文件是excel类型,所以下面我们要做到就是文件上传的步骤了。代码如下public function upload(){ //文件上传 $upload = new \Think\Upload();//原创 2017-02-22 14:27:10 · 759 阅读 · 1 评论 -
checkbox的全选和不全选
首先是布局,很简单的。 布好局之后我们再来实现这个checkbox的全选和不全选的功能,给全选一个id然后根据这个id来进行全选的操作,给全选checkbox绑定单机事件,分两个种情况,一是全选,二是不全选第一种情况实现全选,就是将子checkbox的checked属性为true即可,第二种情况实现取消全选,就是将子checkbox的checked属性改为fal原创 2017-01-24 11:19:24 · 2328 阅读 · 0 评论 -
Input框的智能提示下拉层功能
下面我们来实现如图所示的功能。第一步:首先我们先在html文件中简单的布个局如下图:在input框下面还需要建立一个下拉框的布局,将下拉框隐藏掉实现的静态效果是如下图所示:这样已经初步有了一点效果,但这只是静态的,下面我们来实现静态的效果,实现这个效果我们需要了解js,jQ的用法。 我们先建一个数据库,里面存放着我们的数据1、首先我们原创 2016-11-09 11:14:56 · 8097 阅读 · 10 评论