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>
reading
climbing
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");
// selectedIndex代表的是你所选中项的index
3 拿到选中项options的value: myselect.options[index].value;
4 拿到选中项options的text: myselect.options[index].text;