TypechoJoeTheme

轩宇网

搜索到 58 篇与 Javascript前端 的结果
2021-07-16

jquery获取单选框复选框下拉框值

jquery获取单选框复选框下拉框值
jquery获取单选框复选框下拉框值jquery获取单选框(radio)复选框(checkbox)下拉框(select)的值,亲测可用。有什么疑问可以留言效果图:html代码:<!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8" /> <script src="test.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> body{ background-image: url(img/bg.jpg); font-family: "...
2021年07月16日
3,205 阅读
0 评论
2020-03-24

jQuery input输入框回车生成标签,可删除,并获取标签的值

jQuery input输入框回车生成标签,可删除,并获取标签的值
效果图如下:html代码<!DOCTYPE html> <html lang="zh-CN"> <head> <title>flat-ui标签</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width" /> <script src="js/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="css/css.css"/> <script src=&quo...
2020年03月24日
3,528 阅读
4 评论
2019-07-08

jquery实现文本框选择器_商品尺寸选择和商品

jquery实现文本框选择器_商品尺寸选择和商品
前几天看到有人在一个群里问如何实现商品规格选择并显示价格,多的不少,直接上代码:一、带图文版本1.所需要用到的jQuery文件<script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>2.用的CSS代码@charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0;-webkit-text-size-adjust:none;} body{ background:#fff; font-size:12px; color:#555; font-family:Tahoma, Geneva, sans-serif; padding:100px 100px;} a{ color:#555; text-decoration:none;} a:hover{ color:#c00; text-decoration:underline;} img{ border:none;} li{ list...
2019年07月08日
5,652 阅读
0 评论
2019-06-20

JavaScript拼团日期倒计时

JavaScript拼团日期倒计时
这篇文章主要为大家详细介绍了js实现页面多个日期时间倒计时效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下js的日期倒计时在日常项目中还是比较常用的,活动、拼团功能最为常见,先分析最要是处理好日期函数,然后一个页面上有多个倒计时情况下的方法;来,先看下 拼多多 的拼单倒计时的效果:那么,先上个代码吧:页面布局代码:<div class="mytime jsTime" data-time="2019-06-21 16:58:00">时间1</div> <div class="mytime jsTime" data-time="2019-06-22 18:00:02">时间2</div> <div class="mytime jsTime" data-time="2019-06-23 19:01:31">时间3</div> <div class="mytime jsTime...
2019年06月20日
4,189 阅读
0 评论
2019-04-26

实现n秒倒计时后才可以点击的效果

实现n秒倒计时后才可以点击的效果
这篇文章主要介绍了js点击按钮在倒计时后才可以点击的效果,需要的朋友可以参考下在我们进行注册用户时经常遇到点击按钮后,60秒倒计时后才能继续可以点击,按钮上还能显示倒计时,这60秒时间就是为大家提供”细阅读协议“做准备的,这种功能是如何实现的,下面为大家分享详细代码。<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>倒计时然后才可以点击效果代码</title> <script type="text/javascript"> var s=4; function countsub() { var btnReg=document.getElementById("btnReg"); if(btnReg) { if(s<=0) { btnReg.value="同意"; btnReg.disabled=false; clea...
2019年04月26日
4,196 阅读
0 评论
2019-03-05

JavaScript 数组排序(从大到小,从小到大)

JavaScript 数组排序(从大到小,从小到大)
JavaScript 数组排序(从大到小,从小到大)及将两个一维数组组合成一个二维数组并保持其中一个数组不变,且第一个数组的key值对应第二个数组的值1、数组的从大到小排序//创建数组元素arr var arr=[7,13,34,3,200,100,4];        //创建每次循环存储最大值得变量 var max;        //遍历数组,默认arr中的某一个元素为最大值,进行逐一比较 for(var i=0; i<arr.length; i++){           //外层循环一次,就拿arr[i] 和 内层循环arr.legend次的 arr[j] 做对比 for(var j=i; j<arr.length; j++){ if(arr[i]<arr[j]){ //如果arr[j]大就把此时的值赋值给最大值变量max                max=a...
2019年03月05日
6,528 阅读
0 评论
2019-03-01

jQuery+Ajax+PHP+Mysql实现分页显示数据

jQuery+Ajax+PHP+Mysql实现分页显示数据
这是一个典型的Ajax应用,在页面上,您只需要点击“下一页”,数据区将自动加载对应页码的数据,重新刷新数据区。类似的效果在很多网站上应用,尤其在一些需要展示大量图片数据的网页如淘宝商品列表页,Ajax分页效果让您的网站数据加载显得非常流畅。HTML<div id="list">  <ul></ul> </div> <div id="pagecount"></div> 页面中,list用来展示数据列表,包括本例要展示的商品图片和标题,pagecount用来展示分页条,即本例中的上一页、下一页。当然,别忘了,在head中预先载入jquery库文件。CSS我们需要将商品图片进行排列,以及设置分页条样式,当然这些样式的设计可以根据读取成功后的数据进行设置,本例中我们先把css代码贴出来。#list{width:680px; height:530px; margin:2px auto; position:relative} #list ul li{float:left;w...
2019年03月01日
4,880 阅读
0 评论
2019-02-18

微信小程序实现商品属性联动选择

微信小程序实现商品属性联动选择
这篇文章主要为大家详细介绍了微信小程序实现商品属性联动选择,具有一定的参考价值,感兴趣的小伙伴们可以参考一下先上个效果图,效果演示:代码示例1、commodity.xml<!-- <view class="title">属性值联动选择</view>  --> <!--options--> <view class="commodity_attr_list">   <!--每组属性-->   <view class="attr_box" wx:for="{{attrValueList}}" wx:for-item="attrValueObj" wx:for-index="attrIndex">    <!--属性名-->    <view class="attr_name">{{attrValueObj.attrKey}}</vi...
2019年02月18日
6,018 阅读
0 评论
2019-02-18

PHP+MySQL实现的三级联动菜单功能

PHP+MySQL实现的三级联动菜单功能
这篇文章主要介绍了PHP+MySQL实现的三级联动菜单功能,涉及mysql数据库创建、数据添加及php读取mysql、创建联动菜单相关操作技巧,需要的朋友可以参考下数据库mysql-- 数据库: `student` -- -- -------------------------------------------------------- -- -- 表的结构 `student` -- CREATE TABLE `student` (  `id` int(50) NOT NULL auto_increment,  `name` varchar(50) collate utf8_unicode_ci NOT NULL,  `dept` varchar(50) collate utf8_unicode_ci NOT NULL,  `class` varchar(50) collate utf8_unicode_ci NOT NULL,  `sex` varchar(50) collate utf8_unicode_ci NOT NULL,  `dept_id` int(50) NOT...
2019年02月18日
5,999 阅读
0 评论
2019-02-14

jQuery+PHP+MySQL实现星级评分

jQuery+PHP+MySQL实现星级评分
本文主要介绍使用jQuery+PHP+MySQL实现星际评论在美团、淘宝、京东等网页上,有许多商品、服务评价页面,五星好评功能很常见,本文利用jQuery实现五星好评功能。一、页面布局代码: <div class="rate"> <div class="big_rate"> <span rate="2">&nbsp;</span> <span rate="4">&nbsp;</span> <span rate="6">&nbsp;</span> <span rate="8">...
2019年02月14日
5,185 阅读
0 评论