js如何判断两个输入框的内容是否一样

 时间:2024-10-08 18:30:57

在js中,判断两个输入框内容是否一样,可以使用getElementById()方法畛粳棠奈获得两个输入框对象,再通过对象value属性分别获得内容,再进若益肽屙行内容比较。下面小编举例讲解js如何判断两个输入框的内容是否一样。

方法/步骤

1、新建一个html页面,命名为test.html,用于讲解js如何判断两个输入框的内容是否一样。

js如何判断两个输入框的内容是否一样

2、在test.html页面中,使用input标签创建两个输入框,并分别设置其id属性为tt1,tt2。

js如何判断两个输入框的内容是否一样

3、在input输入框的下面,使用button标签创建一个按钮,按钮名称为“对比”。

js如何判断两个输入框的内容是否一样

4、给button按钮绑定onclick点击事件,当按钮被点击时,执行cp函数。

js如何判断两个输入框的内容是否一样

5、在test.html的js标签中,使用function创建一个cp函数,代码如下:

js如何判断两个输入框的内容是否一样

6、在cp函数内,使用getElementById()方法分别获得两个输入框对象,并通雒贫贼敖过value属性获得输入框的内容,分别保存在a、b变量中。

js如何判断两个输入框的内容是否一样

7、在cp函数内,使用if判断两个a、b两个变量是否相等,如果相等,则弹出“内容一样”的提示,如果不相等,则弹出“内容不一样”的提示。

js如何判断两个输入框的内容是否一样

8、在浏览器打开test.html文件,在输入框中分别输入内容,点击对比按钮,查看执行的结果。

js如何判断两个输入框的内容是否一样

前端编程-用浏览器自带的取色功能快速拾取颜色 css中如何解决h标签独自占用一行? 如何使用JS实现拖放图片到div中的功能 javascript如何往li标签里写入数据 如何在IntelliJ IDEA中导入mysql的驱动jar包
热门搜索
卡通海豚图片 古诗江雪图片 铁网图片 最火的电影 卡通可爱女孩图片