js实际应用

Posted 2020-11-06 大雾哥

  1 -----------------------------获取select选中的值-------------------------
  2 原生JS获得选中select值
  3 var obj = document.getElementById(”testSelect”); //定位id
  4 var index = obj.selectedIndex; // 选中索引
  5 var text = obj.options[index].text; // 选中文本
  6 var value = obj.options[index].value; // 选中值
  7 jQuery中获得选中select值
  8 第一种方式
  9 $(‘#testSelect option:selected‘).text();//选中的文本
 10 $(‘#testSelect option:selected‘).val();//选中的值
 11 $("#testSelect ").get(0).selectedIndex;//索引
 12 第二种方式
 13 $("#tesetSelect").find("option:selected").text();//选中的文本
 14 $("#tesetSelect").find("option:selected").val();
 15 $("#tesetSelect").find("option:selected").get(0).selectedIndex;
 16 -------------------------获取radio选中的值----------------------------
 17 jQuery中获得选中select值
 18 var intHot = $("input[name=‘radHot‘]:checked").val();
 19 原生JS获得选中select值
 20 function setradio(v){
 21 robj=document.form1.radioname;
 22 for(i=0;i<robj.length;i++){
 23 if(robj[i].value==v){
 24    robj[i].checked=true;
 25     }
 26     }
 27 }
 28 window.onload = function(){    
 29         var frult= document.getElementsByName(‘frult‘);
 30         for(i=0;i<frult.length;i++){
 31             if(frult[i].checked){
 32                 alert(frult[i].value);
 33             }
 34         }
 35     }
 36 -------------------------获取radio选中的文本----------------------------
 37 $("input[name=‘sex‘]:checked")[0].nextSibling.nodeValue;
 38   
 39 -------------------------获取check选中的值----------------------------
 40 jQuery中获得选中select值
 41 方法1
 42 $("#dxbox li").each(function(){
 43     if($(this).find("input[type=checkbox]:checked").val() != undefined)
 44     {
 45      alert($(this).find("input[type=checkbox]:checked").val());
 46     }
 47 });
 48 方法2
 49 $("input:checkbox[name=‘checkmanager‘]:checked").each(function(){
 50         if(this.checked){
 51             alert($(this).next().text());
 52         }
 53     });
 54 ------------------------------获取check选中的长度----------------------
 55 var count = $("input:checkbox[name=‘checkone‘]:checked").length;
 56     if(count<1){
 57         alert(‘请选择需要分配的客户‘);
 58         return false;
 59     }
 60 ------------------------------滚动条------------------------------------
 61 alert($(window).height()); //浏览器当前窗口可视区域高度
 62 alert($(document).height()); //浏览器当前窗口文档的高度
 63 alert($(document.body).height());//浏览器当前窗口文档body的高度
 64 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
 65 alert($(window).width()); //浏览器当前窗口可视区域宽度
 66 alert($(document).width());//浏览器当前窗口文档对象宽度
 67 alert($(document.body).width());//浏览器当前窗口文档body的高度
 68 alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
 69 ------------------------------------------------------------------------
 70 //$(window).scrollTop()这个方法是当前滚动条滚动的距离
 71 //$(window).height()获取当前窗体的高度
 72 //$(document).height()获取当前文档的高度
 73 var bot = 50;
 74 //bot是底部距离的高度
 75 //当底部基本距离+滚动的高度〉=文档的高度-窗体的高度时；
 76 //我们需要去异步加载数据了
 77 ------------------------------------------------------------------------
 78                           cookies
 79 function SetCookie(name,value)//两个参数，一个是cookie的名子，一个是值
 80 {
 81      var Days = 180; //此 cookie 将被保存 30 天
 82      var exp  = new Date();    //new Date("December 31, 9998");
 83      exp.setTime(exp.getTime() + Days*24*60*60*1000);
 84      document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
 85 }
 86 function getCookie(name)//取cookies函数        
 87 {
 88      var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
 89       if(arr != null) return unescape(arr[2]); return null;
 90 }
 91 function delCookie(name)//删除cookie
 92 {
 93      var exp = new Date();
 94      exp.setTime(exp.getTime() - 1);
 95      var cval=getCookie(name);
 96      if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
 97 }
 98 -------------------------------------------------------------------------
 99 -----------------------js匹配的字符串替换一个------------------------
100 var str = "我要吃饭，我要吃饭，我要吃饭，我要吃饭，我要吃饭";
101 alert(str.replace(‘吃饭‘,‘洗澡‘));
102 -----------------------js替换匹配的全部字符串------------------------
103 var str = "我要吃饭，我要吃饭，我要吃饭，我要吃饭，我要吃饭";
104 alert(str.replace(new RegExp(/吃饭/g),‘洗澡‘));
105 
106 
107 //全选代码
108 $(".qudao_type").click(function(){
109           var i = $(".qudao_type").length;
110           var j = $(".qudao_type:checked").length
111           if(i==j){
112               $("#qd_manager_type").attr(‘checked‘,true);
113           }
114           if(j==0){
115                $("#qd_manager_type").removeAttr("checked");   
116           }
117 });