当前位置:精东方网络知识网 >> 网站建设 >> 文本框 >> 详情

jquery 如何给文本框赋值

要给文本框赋值,可以使用 jQuery 来选择相应的文本框元素,并通过 val() 方法来设置其值。以下是一个简单的示例:

HTML 代码:

```html

```

jQuery 代码:

```javascript

$(document).ready(function(){

$("#setValueBtn").click(function(){

$("#myInput").val("这是文本框的新值");

});

});

```

在上面的示例中,当点击按钮时,会通过 ID 选择器找到 id 为 "myInput" 的文本框元素,并使用 val() 方法给文本框赋值为 "这是文本框的新值"。

如果需要给多个文本框赋值,也可以通过 class 来选择元素,然后使用 each() 方法来逐个设置值,如下所示:

HTML 代码:

```html

```

jQuery 代码:

```javascript

$(document).ready(function(){

$("#setValueBtn").click(function(){

$(".myInputs").each(function(){

$(this).val("这是文本框的新值");

});

});

});

```

在这个示例中,当点击按钮时,会通过类选择器找到所有类为 "myInputs" 的文本框元素,并使用 each() 方法来逐个设置值为 "这是文本框的新值"。

总之,通过使用 jQuery 的 val() 方法,可以很方便地给文本框赋值。

标签:文本框