(由www.169it.com搜集整理)
在PHP中,html复选框checkbox被选中,则提交的值是on,否则就是空,所以可以通过value值判断是否被选中。在JavaScript中,貌似不管您选还是没选中,value总是显示on,所以不能通过value判断,要检测checked的值,如果复选框被选中,则obj.checked = true否则就是false。
那么如何判定一组复选框是否有被选中的呢?
既然称为复选框组,必然是含有相同的name了,所以通过getElementsByName获取这组复选框,在for循环中依次判断。
例如,见下面的HTML代码:圣诞节
股市
阿凡达
十月围城
水价上调
相应的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的选中状态
首先,同个区域的checkbox都取相同名称,即
假设为ck.
处理区域的按钮的单击事件onclick
function selectAll() {
var cks = document.getElementsByName("ck");
for(var i = 0; i < cks.length; i++) {
if(cks[i].type == "checkbox") {
cks[i].checked = true;
}
}
}