$(‘輸入‘)。長度;?//?所有輸入的數量,包括文本框、單選按鈕、復選框、隱藏字段等。
$(“input:text“)。長度;//?文本框數量的示例代碼如下
創建Html元素
& ltdiv?class =“box“& gt。
& ltspan>。單擊按鈕獲取文本框的數量:
& ltdiv?class =“content“& gt。
& lt輸入?type =“text“?name =“name“?value =“John“/& gt。
& lt輸入?type =“text“?name =“password“?value =“jack“/& gt。
& lt輸入?type =“text“?name =“URL“?value =“Tom“/& gt。
& lt/div & gt;
& lt輸入?type =“button“?Value=“單擊以獲取文本框的數量“》
& lt/div & gt;設置css樣式
div . box { width:300 px;填充:20px邊距:20px邊框:4px?落空了?# ccc}
div.boxspan { color:# 999;字體樣式:斜體;}
div . content { width:250 px;邊距:10px?0;填充:20px邊框:2px?固體?# ff6666}
input【type =‘button‘】{ height:30px;保證金:10px;填充:5px?10px;}
input【type =‘text‘】{ width:200 px;高度:35px填充:5px?10px;保證金:5px?0;邊框:1px?固體?# ff9966}編寫jquery代碼
$(function(){
$(“:button“)。單擊(function()?{
alert($(“input:text“)。長度);
})
})觀察效果