专栏首页OSChinajs 常用技巧

js 常用技巧

复选框

//判断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, "")

单选框的选中装改

var type=${adv.type!}
$("input[type=radio][name=type][value="+type+"]").attr("checked",true);

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

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 和 数组 转换

/* 图片素材数组 */
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

多图片上传/删除

//多图片上传 (图片上传的回调函数)
   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显示与不显示

//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字符串 转 数组

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实现复制功能

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("复制成功!");
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • js一些案例的使用

    用户5927264
  • Collection 集合中的线程安全问题

    用户5927264
  • Shiro 整合 Spring 第一次

    4.1 在applicationContext-shiro.xml文件中配置 凭证匹配器

    用户5927264
  • 【Go 语言社区】Golang 语言学习-变量

    注:go语言中,不要求语句末尾加分号,这点和python类似。 注:go语言中,不允许定义没有用到的变量,否则报错,就像import一个没用到的package会...

    李海彬
  • 给单元素艺术添加动画

    原文:Animating Single Div Art 翻译:nzbin 导读:学习工具的最好的方法就是尝试新技术,本文通过“单元素艺术”介绍了 CSS 变量的...

    叙帝利
  • JS数组&两值交换不使用第三变量

    版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。

    奋飛
  • JS实用技巧手记之六

    除特别注明外,本站所有文章均为慕白博客原创,转载请注明出处来自https://geekmubai.com/programming/166.html

    慕白
  • SHELL参数介绍

    $0 = shell名称或shell脚本名称 $1 = 第一个shell参数 ... $9 = 第九个shell参数 $# = 位置参数的个数 "$*" = "...

    一见
  • 延展操作符...的使用

    展开语法(Spread syntax), 可以在函数调用/数组构造时, 将数组表达式或者string在语法层面展开;还可以在构造字面量对象时, 将对象表达式按k...

    司想君
  • 科技将带给我们什么变化?讲述基于 HTML5 WebGL 的 3D 科幻风机

    许多世纪以来,风力机同水力机械一样,作为动力源替代人力、畜力,对生产力的发展发挥过重要作用。近代机电动力的广泛应用以及二十世纪50年代中东油田的发现,使风机发电...

    万物皆可联i

扫码关注云+社区

领取腾讯云代金券