标签归档:js技巧

JavaScript 原生态js如何操作复选框呢?


摘要:
下文通过举例的方式讲述js操作checkbox的方法,如下所示:


实现思路:
通过操作DOM对象的checked属性为false和true,达到”选中”和”取消选中”状态的切换

例:

  
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)
---javascript操作checkbox对象为选中和取消选中状态
</title>
<style type="text/css">
input{
  width:80px;
  height:20px;
}
</style>  
<script>
window.onload=function(){
 
  let ck=document.getElementById("chkTest");
  let b1 = document.getElementById("btn1");
  let b2 = document.getElementById("btn2"); 
   
  b1.onclick = function(){
 	  ck.checked = true;
  }  
  
 b2.onclick = function(){
 	  ck.checked = false;
  }   
}  
 
</script>  
</head>
<body>
<p>
 www.maomao365.com <br/>
checkbox--javascript操作举例说明
</p>
  <input type="checkbox" id="chkTest"> 
 <input type="button" value="选中"  id="btn1"  />
 <input type="button" value="取消选中" id="btn2" />

 </body>
</html> 
javascript原生态js脚本操作checkbox复选框的方法分享

javascript原生态js脚本操作checkbox复选框的方法分享

JavaScript 如何将字符串添加到数组中呢?


摘要:
下文讲述将字符串添加到数组对象中的方法分享,如下所示:


实现思路:
采用Array中的concat方法或使用array中的push方法

例:
向数组中添加字符串

 <meta charset='utf-8' />
<script>
//maomao365.com

//Array对象之concat方法举例说明
var maomao = [88,99,100];
 maomao = maomao.concat(767,677)
document.write(maomao);
//输出 88,99,100,767,677
document.write("<br />"); 

//使用push向数组添加字符串
 maomao.push("字符串1");
 maomao.push("字符串2");
document.write(maomao);
//输出 88,99,100,767,677,字符串1,字符串2
document.write("<br />"); 
</script> 
javascript将字符串添加到数组中的方法分享

javascript将字符串添加到数组中的方法分享

javascript 如何将身份证号码(身份证号码脱敏处理)中位替换为星号呢?


摘要:
下文讲述使用js脚本将身份证号码的中间几位替换为星号的方法分享,如下所示:

身份账号包含了个人的众多重要信息:
例:出生地 生日 性别等信息
对于这些重要的信息,我们在html页面中呈现时,应该将其转换为星号,避免出现重要信息泄漏,那么具体该如何操作呢?

实现思路:
使用正则表达式将指定位数进行替换
或使用字符串截取和组合

例:

 
<script>
	 let cardNo='440307198901031035';
     //转换后的身份证号码
	 //方法1:使用正则
     document.write(cardNo.replace(/^(.{6})(?:\w+)(.{4})$/, "\$1********\$2"));
      document.write("<br />");
    //方法2:使用常规方法
     var str = cardNo.substr(6,8);
     var cardNo1 = cardNo.replace(str, '********');
     document.write(cardNo1);
     document.write("<br />");
</script>
javascript 身份证号码脱敏和星号替换方法分享

javascript 身份证号码脱敏和星号替换方法分享