前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js 常用技巧

js 常用技巧

作者头像
用户5927264
发布2019-08-01 10:15:22
1.3K0
发布2019-08-01 10:15:22
举报
文章被收录于专栏:OSChinaOSChina

复选框

代码语言:javascript
复制
//判断checkbox 是否选中  
$("#id").is(":checked");//选中,返回true,没选中,返回false  

//设置checkbox为选中状态  
$("#id").prop("checked",true);  

//设置checkbox为不选中状态  
$("#id").prop("checked",false);

//设置select的选中效果
$("#selectDianzhang").find("option[value='"+userId+"']").attr("selected",true);

//js去除字符串前后空格
str.replace(/(^\s*)|(\s*$)/g, "")

单选框的选中装改

代码语言:javascript
复制
var type=${adv.type!}
$("input[type=radio][name=type][value="+type+"]").attr("checked",true);

获取复选框选中的值,并且把他转成json串

代码语言:javascript
复制
FDZInfoDlg.getVehicle = function () {
    var mainNode = $("#vehicle input");
    var tag = [];
    $.each(mainNode,function(i,item){
    	if(item.checked){
    		 var node = {};	
        	 node.value=item.value;
        	 node.name = item.name;
        	 tag.push(node);
    	}
    });
    console.log(JSON.stringify(tag)); 
    return JSON.stringify(tag);
};

JSON 和 数组 转换

代码语言:javascript
复制
/* 图片素材数组 */
var imageSrcArray=new Array();

/* 图片素材 */
debugger
var imageSrcS=${item.imageSrc!false};
if(isJson(imageSrcS)){
    $.each(imageSrcS,function(i,image1){
         //imageSrcArray 把图片依次放到数组中去
        imageSrcArray.push(image1);
    });
 }

var isJson = function(obj){  
    var isjson = typeof(obj) == "object" && Object.prototype.toString.call(obj).toLowerCase() == "[object array]" && obj.length > 0;   
    return isjson;  
} 

var imgList=JSON.stringify( imageSrcArray );//把数组转换成json

多图片上传/删除

代码语言:javascript
复制
//多图片上传 (图片上传的回调函数)
   var imageSrcArray=[];
   var uploadImgImageSrc =function(obj){
       debugger
       if(obj.returnObject){
            //$("#imageSrc").val(obj.returnObject.ossUrl);
            if(imageSrcArray.length>4){
                //alert("做多上传5张图片!");
                Feng.error("做多上传5张图片!");
                return false;
            }
            $("#imageSrc").after("<img onclick='deleteImageSrc("+imageSrcArray.length+")' val="+imageSrcArray.length+" alt='品牌LOGO' width='60px' src='"+obj.returnObject.ossUrl+"'>");
            imageSrcArray.push(obj.returnObject.ossUrl);
            return false;
        }
   }
   //删除图片 (删除图片的回调函数)
   var deleteImageSrc=function(index){
       debugger
       //imageSrcArray.remove(index);//删除数组中的元素
       imageSrcArray.splice(index,1);
       $("#imageSrc").parent().find("img").remove();
       $.each(imageSrcArray,function(i,img){
           $("#imageSrc").after("<img onclick='deleteImageSrc("+i+")' val="+i+" alt='品牌LOGO' width='60px' src='"+img+"'>");
       });
   }

控制table的 tr显示与不显示

代码语言:javascript
复制
//4:分销员;5:安装师傅;
	function changeIdentity(){
		var identity = $("#identity").val();
		if(identity == "5"){
			document.getElementById("checkIdentityCard").style.display= "table-row";  //显示
		}else{
			document.getElementById("checkIdentityCard").style.display= "none";  //隐藏
		}
	}

js 中json字符串 转 数组

代码语言:javascript
复制
value 是json字符串

var brands="";
            if(value!=null && value!=""){
                var jsonObj =  JSON.parse(value);//转换为json对象
                for(var i=0;i<jsonObj.length;i++){
                    //alert(jsonObj[i].name);
                        brands+=jsonObj[i].name+","
                }
                brands=brands.substring(0,brands.length-1);
            }
 return brands;

js实现复制功能

代码语言:javascript
复制
copyUrl = function(text){
    var oInput = document.createElement('input');
    oInput.value = text;
    document.body.appendChild(oInput);
    oInput.select(); // 选择对象
    document.execCommand("Copy"); // 执行浏览器复制命令
    oInput.className = 'oInput';
    oInput.style.display='none';
    Feng.info("复制成功!");
}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 复选框
  • 单选框的选中装改
  • 获取复选框选中的值,并且把他转成json串
  • JSON 和 数组 转换
  • 多图片上传/删除
  • 控制table的 tr显示与不显示
  • js 中json字符串 转 数组
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档