JS form元素值的操作

<input type="text" name="username" value="this is a test"><br>
性别: <input type="radio" name="sex" value="1" checked>男
    <input type="radio" name="sex" value="0" >女<br>
爱好: 
    <input type="checkbox" name="hobby[]" value="篮球">篮球
    <input type="checkbox" name="hobby[]" value="足球" checked>足球
    <input type="checkbox" name="hobby[]" value="乒乓球" checked>乒乓球
    <input type="checkbox" name="hobby[]" value="排球">排球 <br>

城市:
    <select name="" id="city">
        <option value="1">北京</option>
        <option value="2" selected>天津</option>
        <option value="3">上海</option>
        <option value="4">深圳</option>
    </select><br>

个人介绍<br>
    <textarea name="" id="intro" cols="30" rows="10">我叫xiaohigh ,今年29岁了!!!!!</textarea>

input文本框 密码框

    //值的获取
    var username = document.getElementsByName('username')[0];// 专门用来获取form元素
    //值的获取
    var v = username.value;
    //值的设置
    username.value = 'next time!!!';

单选框

    var res = '';
    //获取所有的单选框
    var sexes = document.getElementsByName('sex');
    //遍历元素
    for(var i=0;i<sexes.length;i++) {
        if(sexes[i].checked) {//checked属性是用来检测当前这个元素是否处于选中状态的.
            res = sexes[i].value;
        }
    }
    //使某个单选框处于选中状态
    for(var i=0;i<sexes.length;i++) {
        //如果为0 证明是女这个元素
        if(sexes[i].value == '0') {
            sexes[i].checked = true;
        }
    }

多选框

    var arr = [];
    var cs = document.getElementsByName('hobby[]');
    for(var i =0;i<cs.length;i++) {
        if(cs[i].checked) {
            arr.push(cs[i].value);
        }
    }

下拉框

    var city = document.getElementById('city');
    //值的获取
    var v = city.value;//这里获取的时候当前正在选中的标签的值
    //文本的获取
    //获取select中的option元素
    var ops = city.children;
    //遍历
    var res  ='';
    for(var i=0;i<ops.length;i++) {
        if(ops[i].selected) {//每一个option标签元素 都有一个属性叫做selected,是用来标识当前这个元素是否处于选中状态
            res = ops[i].innerHTML;
        }
    }
    //值的修改
    city.value = '4';

文本域

    var intro = document.getElementById('intro');
    //值的获取
    var v = intro.value;
    var v = intro.innerHTML ;

    //值的设置
    intro.value = '明天礼拜六了!!!!';