在使用jQuery進行web開發的過程中,我們常常需要對頁面中的輸入框進行賦值操作。在jQuery中,可以方便地通過輸入框的name屬性進行操作。
例如,我們有一個表單中有一個輸入框:
<form> <input type="text" name="username"> </form>
我們可以通過以下代碼獲取該輸入框:
var input = $('input[name="username"]');
接著,我們可以對input變量進行賦值操作:
input.val('hello');
這樣,該輸入框中就會顯示"hello"。
我們也可以通過循環給多個輸入框賦值:
$('input[type="text"]').each(function() { var name = $(this).attr('name'); $(this).val(name); });
以上代碼會將頁面中所有type為"text"的輸入框賦值為其name屬性的值。
需要注意的是,如果頁面中存在多個相同name屬性的輸入框,上述代碼只會對第一個輸入框進行操作。如果需要對所有輸入框都進行操作,可以使用以下代碼:
$('input[name="username"]').each(function() { $(this).val('hello'); });
以上代碼會將所有name屬性為"username"的輸入框都賦值為"hello"。