當前位置:成語大全網 - 書法字典 - 如何用jquery獲取當前頁面的輸入次數?

如何用jquery獲取當前頁面的輸入次數?

jQuery的length屬性可以獲取包含jQuery的對象中元素的數量,因此獲取輸入的數量可以通過下面的代碼來實現。

$(‘輸入‘)。長度;?//?所有輸入的數量,包括文本框、單選按鈕、復選框、隱藏字段等。

$(“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“)。長度);

})

})觀察效果