说明

常应用与 表单控件，如：获取输入控件的value值，判断 radio 控件是否选中

案例

登录名：<input id="username" value="lilei"><br>
性别：<input type="radio" name="sex" id="" value="0" > 女&nbsp;&nbsp;
        <input type="radio" name="sex" id="" value="1" checked> 男

<script>
    // 读取 标签的属性，先获取 input标签的value属性值，才能判断是否为空，或者判断密码长度是否符合要求
    var usernameObj = document.getElementById("username")
    console.log("usernameObj:",usernameObj)

    var usernameVal = usernameObj.value // 获取 id是 uesrname 标签的value属性
    console.log("usernameVal:",usernameVal)
    usernameObj.value = "lucy" // 修改 id是username标签的 value 属性


    var sexObjs = document.getElementsByName("sex")
    console.log("sexObjs:",sexObjs)
    console.log("女：",sexObjs[0].checked) // 访问数组第一个元素（女）是否勾选
    console.log("男：",sexObjs[1].checked) // 访问数组第二个元素（男）是否勾选

</script>

原文出处：/show_1IX3Ap2RDywj.html