分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

js实际应用

发布时间:2023-09-06 01:54责任编辑:沈小雨关键词: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").length111 ??????????if(i==j){112 ??????????????$("#qd_manager_type").attr(‘checked‘,true);113 ??????????}114 ??????????if(j==0){115 ???????????????$("#qd_manager_type").removeAttr("checked"); ??116 ??????????}117 });

js实际应用

原文地址:https://www.cnblogs.com/dawuge/p/9055457.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved