玩转web之javaScript(五)---js和jquery一些不可不知的方法(input篇)
2014-05-18 10:35
627 查看
很多时候我们都利用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");
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");
相关文章推荐
- 玩转web之javaScript(五)---js和jquery一些不可不知的方法(input篇)
- 玩转web之javaScript(五)---js和jquery一些不可不知的方法(input篇)
- jQuery javaScript js 判断浏览器的类型、版本的方法
- JavaScript Tag标签切换实现的几种方法 原生js + jquery
- 玩转web之JQuery(二)---改变表单和input的可编辑状态(封装的js)
- ios开源框架——WebViewJavascriptBridge 深入了解( JS与iOS Native Code互调方法)
- js、jQuery中常用的一些方法
- jquery 刷新页面方法和一些javascript基础函数
- 玩转Web之JavaScript(四)-----javaScript语法总结(四) JS中的函数
- 玩转web之JQuery(二)---改变表单和input的可编辑状态(封装的js)
- webView 实现 与 javascript调用java方法(也称js调用native 方法) helloworld
- js 在网上找了一些加密的方法 (所有代码来的web)
- js:优化javascript的执行效率一些方法
- jQuery javaScript js 判断浏览器的类型、版本的方法
- web前端.js--seajs--把jquery改造标准CMD模块的方法
- javascript framework, JS常用函数(方法),jQuery
- javascript:jquery.history.js使用方法
- jquery 刷新页面方法和一些javascript基础函数
- 关于Android4.2后WebView的js方法需要加@JavascriptInterface
- Android Webview和JavaScript交互--JS调用Android方法