mthoutai

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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>


posted on 2017-04-24 12:21  mthoutai  阅读(221)  评论(0编辑  收藏  举报