玩轉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="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");