當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript-获得和设置表单的值
生活随笔
收集整理的這篇文章主要介紹了
JavaScript-获得和设置表单的值
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
- 文本框 text
- 下拉框
- 單選框 radio
- 多選框 checkbox
- 隱藏域 hidden
- 密碼框 password
- …
表單的目的：提交信息
獲得要提交的信息
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body><form action="post"><p><span>用戶名：</span> <input type="text" id="username"></p><p><span>性別：</span><input type="radio" name="sex" value="man" id="boy">男 <!-- <input type="radio" name="sex" value="woman" id="girl" checked>女--><input type="radio" name="sex" value="woman" id="girl">女</p> </form><script>let input_value = document.getElementById("username")// 得到輸入框的值console.log(input_value.value)// 修改輸入框的值input_value.value = "wang"console.log(input_value.value)let boy_radio = document.getElementById('boy')let girl_radio = document.getElementById('girl')// 對于單選和多選框 獲取值 boy_radio.valueconsole.log(boy_radio.value)// boy_radio.checked 查看返回結果是否為 true，如果為true，則被選中console.log(boy_radio.checked)boy_radio.checked = true // 賦值console.log(boy_radio.checked) </script></body> </html>https://www.bilibili.com/video/BV1JJ41177di?p=24
總結
以上是生活随笔為你收集整理的JavaScript-获得和设置表单的值的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python-小数点保留位数问题
- 下一篇： mybatis plus实现多表分页条件