zoukankan      html  css  js  c++  java
  • js实际应用

      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 });
  • 相关阅读:
    python取摸的向下取整
    Grinder产生格式化随机数
    说说“字面意义上的常量"和自然字符串r"str"
    windows退出python提示符的两种方式
    ArcEngine三维开发实现3D符号的现实单位显示
    ArcGlobe组件开发的IGlobeLayerProperties接口
    ArcGlobe组件开发图层及常用接口说明
    ArcEngine 3D开发图层及常用接口
    VS2010/MFC的数据交换机制
    VS2010生成解决方案出现错误:error LNK1123: 转换到 COFF 期间失败: 文件无效或损坏
  • 原文地址:https://www.cnblogs.com/dawuge/p/9055457.html
Copyright © 2011-2022 走看看