JavaScript--获取和设置表单的值

Rubyhh

于 2022-04-10 15:25:09 发布

阅读量986

点赞数

分类专栏： Java基础学习文章标签： javascript

本文链接：https://blog.csdn.net/Rubyhh/article/details/124079019

版权

Java基础学习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

获取表单的值：

var input_text = document.getElementById('username');
    input_text.value = '123';  //获取表单里的值

获取单选框的选择值:

 var boy_radio = document.getElementById('boy');
    var girl_radio = document.getElementById('girl');
    girl_radio.checked='true';   //获取单选框的状态
    if(boy_radio.checked) {
        alert("boy");
    }else{
        alert("girl");
    }

应用：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action="post">
    <span>用户名：</span><input type="text" id="username">
    <p>
<!--        多选框的值，就是设置好的value-->
        <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');
    input_text.value = '123';  //获取表单里的值

    var boy_radio = document.getElementById('boy');
    var girl_radio = document.getElementById('girl');
    girl_radio.checked='true';   //获取单选框的状态
    if(boy_radio.checked) {
        alert("boy");
    }else{
        alert("girl");
    }
</script>
</body>
</html>

Rubyhh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript--获取和设置表单的值

获取表单的值：var input_text = document.getElementById('username'); input_text.value = '123'; //获取表单里的值获取单选框的选择值: var boy_radio = document.getElementById('boy'); var girl_radio = document.getElementById('girl'); girl_radio.checked='true'; //获取单
复制链接

扫一扫