【开发常用代码块】

最新推荐文章于 2023-03-06 14:42:51 发布

Mr.Totoro

最新推荐文章于 2023-03-06 14:42:51 发布

阅读量246

点赞数

分类专栏：代码块文章标签：前端代码块

本文链接：https://blog.csdn.net/wzgsmile1208/article/details/102780371

版权

代码块专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1. 获取验证码


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>获取验证码</title>
</head>
<body>
	<label>
	    <input type="text" name="textfield">
	</label>
<input type="button" id="btn" value="获取验证码" onclick="settime()" />

<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
<script type="text/javascript">
	var countdown = 10;
	function settime(){
        if(countdown == 0){
	        $('#btn').removeAttr('disabled');
	        $('#btn').val('获取验证码');
	        countdown = 10;
	        return;
        }else{
	        $('#btn').attr('disabled', true);
	        $('#btn').val('重新发送('+ countdown +')');
	        countdown--;
        }
        setTimeout(function(){
        	settime();
        },1000)
	}	
</script>
</body>
</html>

2. 实现全选与全不选的两种方式

全选:<input type="checkbox" name="delAll" onchange="checkAll(this)">
<input type="checkbox" name="del">
<input type="checkbox" name="del">
<input type="checkbox" name="del">
<input type="checkbox" name="del">

//纯js实现
function checkAll(sel){
    var checkBox = document.getElementsByName("del");
    var state = sel.checked;
    for (var i = 0; i < checkBox.length; i++) {
        checkBox[i].checked = state;
    }
}

// jq实现
function checkAll(sel){
  	var checkBox = $("input[name='del']");
  	var state = sel.checked;
  	for(var i = 0; i < checkBox.length; i++){
  		checkBox[i].checked = state;
  	}
}

Mr.Totoro

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
【开发常用代码块】

1. 获取验证码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取验证码</title></head><body> <label> <input type="text"...
复制链接

扫一扫

专栏目录