如何用jquery实现全选input里的内容

新建一个html文件，定名为test.html，用于讲解若何用jquery实现全选input里的内容。

在test.html页面，利用script标签加载jquery.min.js文件，当作功加载该文件才能利用jquery里的select()方式。

在test.html页面，建立一个input输入框，输入框默认内容为“小明”，同时建立一个“全选内容”按钮，用于触发选择输入框的内容。

在test.html页面，利用jquery方式获得button按钮对象，并给它绑心猿意马点击事务，当按钮被点击时，执行function函数的功能代码。

在function函数内，获得input对象，经由过程select()方式全选input输入框的内容，代码如下：

上一步input全选内容后获得的对象，经由过程val()方式获得全选的内容，利用alert()方式弹窗显示选中的内容。

在浏览器打开test.html页面，点击“全选内容”按钮，查看是否获得input内的所有内容。

0 条评论