常用jq代码

1. 只允许输入数字,且禁止输入法

<html>

<head>

<script type='text/javascript' src='../../js/jquery.min.js' charset='utf-8'></script>

<script type="text/javascript">

 $(function () {

     $(".onlyFloat").keydown(function (e) {

           if (((event.keyCode > 47) && (event.keyCode < 58)) || (event.keyCode == 8) || ((event.keyCode > 95) && (event.keyCode < 106))|| (event.keyCode == 110)) { 　// 判断键值

                return true;

           }

           else {

                return false;

           }

            }).focus(function () {

                this.style.imeMode = 'disabled';   // 禁用输入法,禁止输入中文字符

            });

  })

</head>

<body>

<input type="text" class="onlyFloat" />

</body>

</html>

动态添加的输入框无法绑定监听事件，如果还需要限制其输入，就直接在标签中添加onkeydown事件，详见下例

2.只允许输入整数且不能超过某值

<html>

<head>

<script type='text/javascript' src='../../js/jquery.min.js' charset='utf-8'></script>

<script type="text/javascript">

        function onlyNum(e) {

            var maxnum = 90; //最大值

            var oldnum = $(e).val(); //当前文本框中的数字

            if ((event.keyCode > 36 && event.keyCode < 41) || (event.keyCode == 8)) {

                return true;

            }

            else if (event.keyCode > 47 && event.keyCode < 58) { 　// 判断键值

                var nownum =parseInt( oldnum + String.fromCharCode(event.keyCode));

                if (nownum > maxnum) {

                    alert(0, "输入后的值大于限定值，不允许该健输入");

                    return false;

                }

                else {

                    return true;

                }

            }

            else if (event.keyCode > 95 && event.keyCode < 106) {

                var inputcontent = String.fromCharCode(event.keyCode);

                switch (inputcontent) {

                    case "a": inputcontent="1"; break;

                    case "b": inputcontent = "2"; break;

                    case "c": inputcontent = "3"; break;

                    case "d": inputcontent = "4"; break;

                    case "e": inputcontent = "5"; break;

                    case "f": inputcontent = "6"; break;

                    case "g": inputcontent = "7"; break;

                    case "h": inputcontent = "8"; break;

                    case "i": inputcontent = "9"; break;

                    default: inputcontent = "0"; break;

                }

                var nownum = parseInt(oldnum + inputcontent);

                if (nownum > maxnum) {

                    alert( "输入后的值大于限定值，不允许该健输入");

                    return false;

                }

                else {

                    return true;

                }

            }

            else {

                return false;

            }

        }

</script>

</head>

<body>

<input type="text" onkeydown="return onlyNum(this)"  style="ime-mode:disabled; ">

</body>

</html>

3.radio选中改变触发事件

<html>

<head>

<script type='text/javascript' src='../../js/jquery.min.js' charset='utf-8'></script>

<script type="text/javascript">

 $("input[type=radio][name=typestyle]").change(function () {

        if (this.id == "radio_bq") {

        }

        else {

        }

  })

</script>

</head>

<body>

 <input type="radio" name="typestyle" checked="checked" class="k_radio" id="radio_br" />冰刃

 <input type="radio" name="typestyle" class="k_radio" id="radio_bq" />兵器

</body>

</html>

4.判断总复选框是否选中,遍历所有子复选框

<html>

<head>

<script type='text/javascript' src='../../js/jquery.min.js' charset='utf-8'></script>

<script type="text/javascript">

        //点击全选

        function AllCheckClick() {

            var isAll = $("#drqAllCheckbox").is(':checked');

            $.each($("#drqLeftList > table > tr"), function (k, v) {

                var $checkbox = $(v).find("input[type='checkbox']");

                if (isAll) {

                    $checkbox.prop("checked", "true");

                } else {

                    $checkbox.removeAttr("checked");

                }

            });

        }

</script>

</head>

<body>

<input type="checkbox" id="drqAllCheckbox" onclick="AllCheckClick()"/>

<div id="drqLeftList">

    <table>

        <tr>

            <td><input type="checkbox"/></td>

            <td></td>

        </tr>

        <tr>

            <td><input type="checkbox"/></td>

            <td></td>

        </tr>

    </table>

</div>

</body>

</html>

5. 打印页面某一块内容（内容块若带滚动条，使用下法不会出现只打印滚动条上部的情况），并去除页眉页脚，页面显示和打印时采用两套css

<html>

<head>

<script type='text/javascript' src='../../js/jquery.min.js' charset='utf-8'></script>

<script type="text/javascript">

    function labelPrint(){

        if (getExplorer() == "IE") {

                pagesetup_null(); //删除打印页面的页眉页脚

        }

        var printhtml = $("#printdiv").html(); //获取div里的内容，不包括本身

        //var printhtml = $("#printdiv").prop("outerHTML"); //获取div的内容，包括本身

        var bodyHtml = document.body.innerHTML;

        document.body.innerHTML = printhtml;

        window.print();

        document.body.innerHTML = bodyHtml;

    }

        //获取当前浏览器

        function getExplorer() {

            var explorer = window.navigator.userAgent;

            //ie

            if (explorer.indexOf("MSIE") >= 0) {

                return "IE";

            }

            //firefox

            else if (explorer.indexOf("Firefox") >= 0) {

                return "Firefox";

            }

            //Chrome

            else if (explorer.indexOf("Chrome") >= 0) {

                return "Chrome";

            }

            //Opera

            else if (explorer.indexOf("Opera") >= 0) {

                return "Opera";

            }

            //Safari

            else if (explorer.indexOf("Safari") >= 0) {

                return "Safari";

            }

        }

        //删除打印页面的页眉页脚

        function pagesetup_null() {

            var hkey_root, hkey_path, hkey_key;

            hkey_root = "HKEY_CURRENT_USER";

            hkey_path = "\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";

            try {

                var RegWsh = new ActiveXObject("WScript.Shell");

                hkey_key = "header";

                RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "");

                hkey_key = "footer";

                RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "");

                //hkey_key = "margin_left";

                //RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "0");

                //RegWsh.sendKeys('%fu');

            } catch (e) {

            }

        }

</script>

<style>

   @media screen{

     /*屏幕显示的css*/

    }

   @media print{

     /*打印采用的css*/

     /*@page{

        size:A4 portrait;

        margin-left:0;

     }*/

    } 

    /*公用的css*/

    #printdiv{

        border:1px solid;

    }

</style>

</head>

<body>

  <div id="buttonlist"> <a onclick="labelPrint()">打印</a></div>

  <div id="printdiv"></div>

</body>

</html>

6.对数据序列化以及反序列化

<html>

<head>

<script type='text/javascript' src='../../js/jquery.min.js' charset='utf-8'></script>

<script src="../../js/json2.js"></script>

<script type="text/javascript">

    function getContent(){

        var contentlist=[];

        var content={

            name:$("#").val(),

            age:$("#").val()

        }

        contentlist.push(content);

        var contentlistjson=JSON2.stringify(contentlist); //序列化

        JSON2.parse(contentlistjson) //反序列化

        eval("(" + contentlistjson + ")"); //反序列化

    }

</script>

</head>

<body>

</body>

</html>

7.获取单选框的选中值

<html>

<head>

<script type='text/javascript' src='../../js/jquery.min.js' charset='utf-8'></script>

<script type="text/javascript">

  var name =  $('input:radio:checked').val();

  //var name =  $("input[type='radio']:checked").val();

  //var name =  $("input[name='typestyle']:checked").val();

</script>

</head>

<body>

 <input type="radio" name="typestyle" checked="checked" class="k_radio" id="radio_br" />冰刃

 <input type="radio" name="typestyle" class="k_radio" id="radio_bq" />兵器

</body>

</html>

8.寻找某一元素的值

<html>

<head>

<script type='text/javascript' src='../../js/jquery.min.js' charset='utf-8'></script>

<script type="text/javascript">

        function findTd() {

           //$.each( $("#drqLeftList tr"),function(k,v){

             //  var text=$(this).find("td").eq(0).text();

           //})

           var text=$(#drqLeftList tr:first).find("td").eq(0).text(); //值为00

        }

</script>

</head>

<body>

<div id="drqLeftList">

    <table>

        <tr>

            <td>00</td>

            <td>01</td>

        </tr>

        <tr>

            <td>10</td>

            <td>11</td>

        </tr>

    </table>

</div>

</body>

</html>

9.操作元素样式(参考：https://www.hellojava.com/a/84.html)

<html>

<head>

<script type='text/javascript' src='../../js/jquery.min.js' charset='utf-8'></script>

<script type="text/javascript">

$(function(){

    $("#content").css("background"); //返回元素的背景颜色

    $("#content").css("background","#ccc") //设定元素背景为灰色

    $("#content").height(300); $("#msg").width("200"); //设定宽高

    $("#content").css({ color: "red", background: "blue" });//以名值对的形式设定样式

    $("#content").addClass("select"); //为元素增加名称为select的class

    $("#content").removeClass("select"); //删除元素名称为select的class

    $("#content").toggleClass("select"); //如果存在（不存在）就删除（添加）名称为select的class

})

</script>

</head>

<body>

<div id="content"></div>

</body>

</html>

10.待补充

常用jq代码的更多相关文章

工作中总结的常用PHP代码
[目录] ◆PHP常用的代码 ◆HTML常用代码 [值传递和引用传递] [单例模式] [魔术常量] [代码调试(自定义一个简单的debug函数)] [thinkphp多表查询] [获取客户端IP地 ...
IOS开发效率之为Xcode添加常用的代码片段
IOS开发效率之为Xcode添加常用的代码片段原文地址:http://blog.csdn.net/pingchangtan367/article/details/30041285 tableview ...
IOS开发－OC学习－常用功能代码片段整理
IOS开发-OC学习-常用功能代码片段整理 IOS开发中会频繁用到一些代码段,用来实现一些固定的功能.比如在文本框中输入完后要让键盘收回,这个需要用一个简单的让文本框失去第一响应者的身份来完成.或者是 ...
记录C#常用的代码片段
时间一久,常用的代码会有点忘记,还是贴在这里方便查找! 1.将信息写入文件中 //将字符串写入到文本中 void writeToText(string msg) { try { msg = DateT ...
常用 jq 正则包含手机正则，邮箱正则。。。
常用 jq 正则规则 1.手机 /^1(3|4|5|7|8)\d{9}$/ 2.qq /^[1-9][0-9]{5,10}$/ 3.邮箱 /^\w+((-\w+)|(\.\w+))*\@[ ...
SAP FI CO模块常用事务代码
...
简单的jQ代码
简单的jQ代码 /* * Lazy Load - jQuery plugin for lazy loading images * * Copyright (c) 2007-2012 Mika Tuup ...
73种网页常用Javascript代码
73种网页常用Javascript代码转载自:前端丶灵魂工程师 1.后退前进 <input type="button" value="后退" o ...
legend3---lavarel常用操作代码2
legend3---lavarel常用操作代码2 一.总结一句话总结: 对于王思cong被执法人的感悟:失意时莫心伤,得意时莫膨胀 1.lavarel自动事务? DB::transaction方 ...

随机推荐

js时间戳转日期
//时间戳转日期 2017-04-30 13:20 //type=1--> 2017-04-30 13:20 //type=2-->2018年08月 //type=3-->2018- ...
《NFC开发实战详解》笔记
地点:30教 5楼男厕对面 * 时间:下午三点 * 天气:中雨 * 状态:3 * ******************************************************* ...
3D Slicer中文教程（八）—导出STL文件
一.STL文件简介 STL(立体平版印刷术的缩写)是由3D Systems创建的立体平版印刷CAD软件原生的文件格式STL有“标准三角语言”和“标准镶嵌语言”等几个事后回溯.这种文件格式是由许多其他软 ...
一个简单的go语言爬虫
package main import ( "bufio" "fmt" "golang.org/x/net/html/charset" &q ...
SQL server查询语句
作者:邓聪聪 mysql部分语句的查询,持续更新系统函数函数名描述举例 convert() 数据类型转换 selece convert(varchar(5),12345) 返回:字符串1234 ...
二十三种设计模式之原型模式的C#实现
原型模式就是通过拷贝快速创建一个新的对象本例UML如图 ColorBase [Serializable] public abstract class ColorBase { public int R ...
Java线程池(待续)
线程池是预先创建线程的一种技术..线程池在还没有任务到来之前,创建一定数量的线程,放入空闲队列中.这些线程都是处于睡眠状态,即均为启动,不消耗CPU,而只是占用较小的内存空间.当请求到来之后,缓冲池给 ...
spool_sqlldr
--0.制表符chr(9) 换行符chr(10) 回车符chr(13) windows下批处理.bat linux下批处理.shset echo offset feedback offset page ...
vue学习(二)
tomcat配置文件及性能优化
收藏两个地址配置文件: https://www.cnblogs.com/sunshine-1/p/8990044.html 性能调优: https://www.cnblogs.com/zhuawan ...

常用jq代码

1. 只允许输入数字,且禁止输入法

2.只允许输入整数且不能超过某值

3.radio选中改变触发事件

4.判断总复选框是否选中,遍历所有子复选框

5. 打印页面某一块内容（内容块若带滚动条，使用下法不会出现只打印滚动条上部的情况），并去除页眉页脚，页面显示和打印时采用两套css

6.对数据序列化以及反序列化

7.获取单选框的选中值

8.寻找某一元素的值

9.操作元素样式(参考：https://www.hellojava.com/a/84.html)

10.待补充

常用jq代码的更多相关文章

随机推荐

热门专题