JavaScript操作checkbox的方式和操作radio的方式相似,都是利用元素项的checked属性来完成。先获取checkbox元素集合,遍历集合,对集合中的每一项做操作。
<body>
<p>
<label for="hobby">Hobby:
<input type="checkbox" name="hobby" value="reading" />reading
<input type="checkbox" name="hobby" value="climbing" />climbing
<input type="button" value="Get Value" onclick="getValue()" />
</label>
</p>
</body>
function getValue(){
var hobbies = document.getElementsByName("hobby");
var value;
for (i=0; i<hobbies.length; i++){
if (hobbies[i].checked){
if (!value){
value = hobbies[i].value;
} else {
value += "," + hobbies[i].value;
}
}
}
alert(value == undefined ? '' : value);
}
javascript 中 select 下拉框
<select id="test"> <option>one</option> <option>two</option> <option>three</option></select> 1 拿到select对象: var myselect=document.getElementById("test");
2 拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
3 拿到选中项options的value: myselect.options[index].value;
4 拿到选中项options的text: myselect.options[index].text;