获得和设置表单的值

最新推荐文章于 2021-11-15 21:43:46 发布

之樾

最新推荐文章于 2021-11-15 21:43:46 发布

阅读量212

点赞数

文章标签： js

本文链接：https://blog.csdn.net/qq_43021902/article/details/114866761

版权

表单是什么 form DOM树

文本框 text
下拉框
单选框 radio
多选框 checkbox
隐藏框 hidden
密码框 password
……

表单的目的：提交信息

获得要提交的信息

<form action="post"> 
    <p><span>用户名：</span><input type="text" id="username"></p>
    
    <!-- 多选框的值，就是定义好的value -->
    <p>
        <span>性别：</span>
        <input type="radio" name="sex" value="man"id="boy">男
        <input type="radio" name="sex" value="woman"id="girl">女
    </p>
</form>
<script>
    var input_text=document.getElementById('username');
    var boy_radio=document.getElementById('boy');
    var girl_radio=document.getElementById('girl');
    //得到输入框的值
    input_text.value
    //修改输入框的值
    input_text.value='123'

    //对于单选框，多选框等等固定的值，boy_radio.value只能取到当前的值
    boy_radio.checked;//查看返回的结果，是否为true，如果为true，则被选中~
    girl_radio.checked=true;//赋值
    
</script>