博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
玩转web之javaScript(五)---js和jquery一些不可不知的方法(input篇)
阅读量:4678 次
发布时间:2019-06-09

本文共 1077 字,大约阅读时间需要 3 分钟。

很多时候我们都利用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="width: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="width: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");

转载于:https://www.cnblogs.com/oversea201405/p/3752145.html

你可能感兴趣的文章
Linux CentOS7 VMware 文件和目录权限chmod、更改所有者和所属组chown、umask、隐藏权限lsattr/chattr...
查看>>
易语言拖拽文件命令,拖放对象组件应用
查看>>
MySQL同步故障:" Slave_SQL_Running:No" 两种解决办法 (转载)
查看>>
Activiti系列——如何在eclipse中安装 Activiti Designer插件
查看>>
Linux系统下,启动Tomcat有时报Address already in use
查看>>
读苹果开发文档时遇到瓶颈,转而花2天看了Objc基本语法
查看>>
来创个博客分享学习一下
查看>>
URAL 1779 F - The Great Team 构造
查看>>
HDU 5629 Clarke and tree dp+prufer序列
查看>>
Codeforces Round #407 div2 题解【ABCDE】
查看>>
23种设计模式的C++实现
查看>>
【关于HBITMAP, DC, MEM DC, Clipboard】将HBITMAP拷贝到Clipboard(Windows Clipboard & OLE Clipboard)...
查看>>
freemarker自定义标签
查看>>
F5-WAF-12.0
查看>>
霸道总裁之所以迷人,才不是因为霸道!
查看>>
本地通知UILocalNotification
查看>>
STM32单片机是如何启动的?
查看>>
数据结构:链表 >> 链表按结点中第j个数据属性排序(冒泡排序法)
查看>>
Ubuntu 12.04 下装erlang R16
查看>>
链表与哈希表基本概念及Java常用集合
查看>>