搜索到
1503
篇与
的结果
-
jQuery实现购物车物品数量的加减 实现购物车物品数量的加减，最小值为1，当最小值为1时再按减少，减少按钮不可编辑，当按增加数量时恢复减少按钮状态。这个除了加减功能外，也可以自动计算价格。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery实现购物车物品数量的加减</title> <script type="text/javascript" src="https://www.tpxhm.com/public/static/tpl/index/foundation/js/jquery.js"></script> <script> $(function(){ var t = $("#quantity"); $("#add").click(function(){ t.val(parseInt(t.val())+1); $("#min").removeAttr("disabled"); //当按加1时，解除$("#min")不可读状态 setTotal(); }) $("#min").click(function(){ if (parseInt(t.val())>1) { //判断数量值大于1时才可以减少 t.val(parseInt(t.val())-1) }else{ $("#min").attr("disabled","disabled") //当$("#min")为1时，$("#min")不可读状态 } setTotal(); }) function setTotal(){ $("#total").html((parseInt(t.val())*3.95).toFixed(2)); } setTotal(); }) </script> </head> <body> <p>单价：1.23</p> <input id="min" name="" type="button" value="-" /> <input id="quantity" name="" type="text" value="1" /> <input id="add" name="" type="button" value="+" /> <p>总价：<label id="total"></label></p> </body> </html> -
JS实现Base64加密解密 JavaScript实现Base64加密解密。Base64与其说是加密算法不如说是方便数据传输而生的数据转换手段。测试代码：<!DOCTYPE html> <html> <head> <title>test</title> <meta charset="utf-8"> <script type="text/javascript" src="https://www.tpxhm.com/fdetail/js/base64.js"></script> <style> .resource_enc, .resource_dec{ width: 500px; } .p1, .p2{ min-height: 100px; background-color: #dcffe1; } </style> </head> <body> <input type="text" class="resource_enc"><input type="button" onclick="encoding()" value="编码"><br/> <p class="p1"></p> <input type="text" class="resource_dec"><input type="button" onclick="decoding()" value="解码"><br/> <p class="p2"></p> <script type="text/javascript"> var base = new Base64(); function encoding() { var text = document.getElementsByClassName("resource_enc")[0].value; document.getElementsByClassName("p1")[0].innerText = base.encode(text); } function decoding() { var text = document.getElementsByClassName("resource_dec")[0].value; document.getElementsByClassName("p2")[0].innerText = base.decode(text); } </script> </body> </html>Base64.jsfunction Base64() { var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; this.encode = function (input) { var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, enc4; var i = 0; input = utf8Encode(input); while (i < input.length) { chr1 = input.charCodeAt(i++); chr2 = input.charCodeAt(i++); chr3 = input.charCodeAt(i++); enc1 = chr1 >> 2; enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); enc4 = chr3 & 63; if (isNaN(chr2)) { enc3 = enc4 = 64; } else if (isNaN(chr3)) { enc4 = 64; } output = output + _keyStr.charAt(enc1) + _keyStr.charAt(enc2) + _keyStr.charAt(enc3) + _keyStr.charAt(enc4); } return output; }; this.decode = function (input) { var output = ""; var chr1, chr2, chr3; var enc1, enc2, enc3, enc4; var i = 0; input = input.replace(/[^A-Za-z0-9\+\/\=]/g, ""); while (i < input.length) { enc1 = _keyStr.indexOf(input.charAt(i++)); enc2 = _keyStr.indexOf(input.charAt(i++)); enc3 = _keyStr.indexOf(input.charAt(i++)); enc4 = _keyStr.indexOf(input.charAt(i++)); chr1 = (enc1 << 2) | (enc2 >> 4); chr2 = ((enc2 & 15) << 4) | (enc3 >> 2); chr3 = ((enc3 & 3) << 6) | enc4; output = output + String.fromCharCode(chr1); if (enc3 !== 64) { output = output + String.fromCharCode(chr2); } if (enc4 !== 64) { output = output + String.fromCharCode(chr3); } } output = utf8Decode(output); return output; }; utf8Encode = function (string) { string = string.replace(/\r\n/g,"\n"); var utfText = ""; for (var n = 0; n < string.length; n++) { var c = string.charCodeAt(n); if (c < 128) { utfText += String.fromCharCode(c); } else if((c > 127) && (c < 2048)) { utfText += String.fromCharCode((c >> 6) | 192); utfText += String.fromCharCode((c & 63) | 128); } else { utfText += String.fromCharCode((c >> 12) | 224); utfText += String.fromCharCode(((c >> 6) & 63) | 128); utfText += String.fromCharCode((c & 63) | 128); } } return utfText; }; utf8Decode = function (utfText) { var string = ""; var i = 0; var c = 0; var c1 = 0; var c2 = 0; while ( i < utfText.length ) { c = utfText.charCodeAt(i); if (c < 128) { string += String.fromCharCode(c); i++; } else if((c > 191) && (c < 224)) { c1 = utfText.charCodeAt(i+1); string += String.fromCharCode(((c & 31) << 6) | (c1 & 63)); i += 2; } else { c1 = utfText.charCodeAt(i+1); c2 = utfText.charCodeAt(i+2); string += String.fromCharCode(((c & 15) << 12) | ((c1 & 63) << 6) | (c2 & 63)); i += 3; } } return string; } }
-
radio，CheckBox选中状态，判断是否选中，根据值设置radio选中 radio，CheckBox选中状态，判断是否选中，根据值设置radio选中 <input name="rbsex" id="man_radio" type="radio" value="1" checked="checked" /><label>显示</label> <input name="rbsex" id="woman_radio" type="radio" value="0" />隐藏var stop = data.result $(":radio[name='rbsex'][value='" + stop + "']").prop("checked", "checked");radio，CheckBox选中状态，判断是否选中，可以在元素中添加checked属性 或者添加checked="checked" 都可以让某个选项默认选中，单选框的如果有多个checked 会以最后一个为准。我们可以使用 $("name='subject']:eq(0)").prop("checked");来判断有没有被真正的选中。 返回布尔值$("[name='subject']:eq(0)").prop("checked",false[true]);设置选中或否定1、对radio 、checkbox 来说说，checked属性可以保证页面初始化被选中，但是通过js或者jquery 控制checked属性并不能保证相应的被选中，同样也不能通过checked属性来判断该元素是否被选中。2、checked属性并不能影响form表单的值，表单页面真正被选中的元素才是form表单提交的值。3、通jquery的prop方法可以完美的选中或者取消选中元素，使用prop("checked",true) 选中，prop("checked",false)取消选中，通prop("checked") 返回的false或者true判断是否选中。
-
sessionStorage的使用 localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。使用案例：html code:<div class="modecer"> <div class="colsebtn">关闭</div> </div>javascript code：//判断sessionStorage里有没有isClose if(sessionStorage.getItem("isClose")){ $(".modecer").hide(); }else{ $(".modecer").show(); } //点击关闭隐藏存取数据 $(".colsebtn").click(function(){ $(".modecer").fadeOut(300); sessionStorage.setItem("isClose", "1"); })
-
