zoukankan      html  css  js  c++  java
  • 玩转web之javaScript(五)---js和jquery一些不可不知的方法(input篇)

    很多时候我们都利用js和jquery中操作input,比如追加属性,改变属性值等等,我在这里简单的整理了一下,并在以后逐步补充。


    1:删除input的某一属性。
    <input name="code" id="code" readonly="true"/>该input包含一个readonly属性,该属性表示该input是只读的,我们可以使用jquery的方法:$('#code').removeAttr("readonly");删除input的该属性使其可编辑。

    2:修改input的某一属性的值
    <input name="code" id="code" style="300px;height:20px" type="password"/>这是一个密码输入框,有时我们会需要在js中将其改为显示明码,js里可以使用此方法:       document.getElementById("code").type="text";
    对于style中的属性,也可以改变,例如:document.getElementById("code").style.width="20px";

    当然,也可以使用jquery的方法: $("code").attr("readOnly",true);

    3:为input追加属性
    对于<input name="code" id="code" style="300px;height:20px"> ,为其追加一个type属性:document.getElementById("code").type="password";使其变为密码输入框,同理:document.getElementById("code").readOnly=true;为其添加只读属性

    4:判断input输入的值是否为数字--isNaN
    例如:var x=document.getElementById("code").value;
    if(x==""||isNaN(x))
    {
    alert("输入的不是数字");
    }
    }

    [2014/5/19补充]

    5:为input文本框赋值。

    <input name="code" id="code" />

    在js里为其赋值的方法:document.getElementById("code").value=“aaa”;

    在jquery里为其赋值的方法: $("#code").val("aa");



  • 相关阅读:
    [支付]银联支付(对jdk有要求,最好直接使用jdk7)
    [支付]支付宝支付(网银在线支付)
    Eclipse编辑窗口放大缩小的快捷键
    jQuery Validation Engine 表单验证
    Eclipse能否把选中的一段代码向前或向后缩进一个tab的位
    hql查询技巧
    Web桌面端
    大型网站技术架构
    FastDFS--分布式文件系统
    消息队列
  • 原文地址:https://www.cnblogs.com/oversea201405/p/3752145.html
Copyright © 2011-2022 走看看