javascript操作html复选框checkbox:如何判断复选框是否被选中 (由www.169it.com搜集整理)
在PHP中，html复选框checkbox被选中，则提交的值是on，否则就是空，所以可以通过value值判断是否被选中。在JavaScript中，貌似不管您选还是没选中，value总是显示on，所以不能通过value判断，要检测checked的值，如果复选框被选中，则obj.checked = true否则就是false。
那么如何判定一组复选框是否有被选中的呢？
既然称为复选框组，必然是含有相同的name了，所以通过getElementsByName获取这组复选框，在for循环中依次判断。
例如，见下面的HTML代码：
<input type="checkbox" name="test" />圣诞节
<input type="checkbox" name="test" />股市
<input type="checkbox" name="test" />阿凡达
<input type="checkbox" name="test" />十月围城
<input type="checkbox" name="test" />水价上调
<input type="button" value="检测" id="btn" />
相应的JavaScript代码为：
var btn = document.getElementById("btn");
var test = document.getElementsByName("test");
btn.onclick = function(){
for(var i=1; i<=test.length; i+=1){
if(test[i-1].checked){
alert("当前有选中！");
return;
}
}
alert("一个也没有选！");
};
如何使用javascript来设置checkbox的选中javascript eval换成document.write 显示原型
iis7站长之家
首先，同个区域的checkbox都取相同名称，即
<input type="checkbox" name="ck" value="..." />
假设为ck.
处理区域的按钮的单击事件onclick
<input type="button" value="第一区域" onclick="selectAll()" />
function selectAll() {
var cks = document.getElementsByName("ck");
for(var i = 0; i < cks.length; i++) {
if(cks[i].type == "checkbox") {
cks[i].checked = true;
}
}
}
