js如何通过文本内容点击提交按钮选中复选框

2024-10-12 17:57:27

1、首先,创建一个HTML文件,写上一些复选框内容,一个文本框,一个按钮的点击事件,相对应的js方法,具体代码可以参考我下面给的图片,没做样式控制,可能不算很美观。

js如何通过文本内容点击提交按钮选中复选框js如何通过文本内容点击提交按钮选中复选框

4、接下来,给大家看一下修改保存以后的页面的运行效果。选中2,对应勾选2对应的复选框选中3,对应勾选3对应的复选框。修改成功。

js如何通过文本内容点击提交按钮选中复选框

5、再想一想,这里面只能是输入单个序号,不能输入多个序号,这就失去了复选框的意义。因此,可以通过在文本框中用","分隔来处理。修改代码见附图

js如何通过文本内容点击提交按钮选中复选框js如何通过文本内容点击提交按钮选中复选框

7、运行效果完美,恭喜你,成功掌握了关于js如何通过文本内容点击提交按钮选中对应的复选框的方法!

猜你喜欢