js经常使用功能代码(持续更新):
1---折叠与展开
<input id="btnDisplay" type="button" class="baocun2" value="加入" onclick="changeDisplay()" /> <script type="text/javascript"> function changeDisplay() { var helloDivObj = $("#addressdiv"); var buttonObj = $("#btnDisplay"); var val = buttonObj.attr("value"); if (val == "隐藏") { helloDivObj.hide(); buttonObj.attr("value", "加入"); } else { helloDivObj.show(); buttonObj.attr("value", "隐藏"); } } </script>
2---多选框点击使文本框可否编辑
<input disabled="disabled" name="telephone" id="tel" class="text" value="123" type="text"> <input id="tellphones" value="123" type="hidden"> <input checked="true" type="checkbox" onclick="mobile(this)"> <label for="mobile_id_flag" style="cursor:pointer"> 与订单中手机号同样 </label> <script type="text/javascript"> function mobile(_this) { if (_this.checked) { $("input[id='tel']").val($("#tellphones").val()); $("input[id='tel']").attr("disabled", "disabled"); } else { $("input[id='tel']").val(""); $("input[id='tel']").removeAttr("disabled"); } } </script>
3-- JS响应回车事件
function keydownEvent() { var e = window.event || arguments.callee.caller.arguments[0]; if (e && e.keyCode == 13 ) { alert("您按回车键了"); } }
4-- 验证序号不反复以及不能为空且必须是数字
<s:textfield name="e.order1" id="order1" style="height: 22px;" onBlur="return ajaxcheckonly(this)" /> <script type="text/javascript"> function ajaxcheckonly(obj) { var norder = $(obj).val(); var re = /^\d+$/; //推断字符串是否为数字 //推断正整数 /^[1-9]+[0-9]*]*$/ if (!re.test(norder)) { if (norder == null || norder == "") { alert("不能为空"); } else { alert("请输入数字"); $(obj).val(""); } return false; } var yorder = '${e.forder}'; $.ajax({ url: 'manage/bottom!checkonly.action', data: { forder: norder, yorder: yorder }, type: "post", dataType: "text", success: function(data) { alert(data); }, error: function() { alert('ajax报错了'); return false; } }); } </script>