<body>
<form id="login" action="http://www.baidu.com/s">
<input type="text" name="wd"/>
<input type="text" name="wd"/>
<input type="button" value="登录" onclick="login()"/>
</form>
<input id="name"/>
<input type="button" value="测试" onclick="t()"/>
<script>
</script>
<br />
<input type="radio" name="sex" value="0"/>女
<input type="radio" name="sex" value="1"/>男
<input type="button" value="测试" onclick="t1()"/>
<script>
document.getElementsByName("sex")[0].checked=true;
document.getElementsByName("sex")[1].disabled=true;
function t1(){
var elements = document.getElementsByName("sex");
for(var i = 0;i<elements.length;i++){
console.log(elements[i].checked+","+elements[i].value);
}
}
</script>
<br />
<input type="checkbox" name="hobby" value="1"/>足球
<input type="checkbox" name="hobby" value="2"/>篮球
<input type="checkbox" name="hobby" value="3"/>羽毛球
<input type="button" value="测试" onclick="t2()"/>
<script>
document.getElementsByName("hobby")[1].checked=true;
document.getElementsByName("hobby")[1].disabled=true;
function t2(){
var elements = document.getElementsByName("hobby");
for(var i = 0;i<elements.length;i++){
console.log(elements[i].checked+","+elements[i].value);
}
}
</script>
<br />
<br />
<select id="province">
<option>---请选择---</option>
<option value="0">---北京---</option>
<option value="1">---上海---</option>
<option value="2">---天津---</option>
</select>
<input type="button" value="测试" onclick="t3()"/>
<script>
function t3(){
var element = document.getElementById("province");
var options = element.options;
for(var i = 1;i<options.length;i++){
console.log(options[i].selected+","+options[i].value);
}
}
document.getElementById("province").options[1].selected=true;
document.getElementById("province").options[3].disabled=true;
document.getElementById("province").disabled=true;
</script>
</body>