复选框：checkbox
html 结构 <input type="checkbox" value="test" />测试
获取value值
function getValue() {
var str = "";
for (var i = 0; i < list.length; i++) {
var tmp = list[i];
if (tmp.type == "checkbox") { // 判断类型
if (tmp.checked) { // 判断是否选中
str += tmp.value;
}
}
}
alert(str);
}
全选
function checkAll() {
for (var i = 0; i < list.length; i++) {
var tmp = list[i];
if (tmp.type == "checkbox") {
if (!tmp.checked) {
tmp.checked = true;
}
}
}
}
取消全选
function removeAll() {
for (var i = 0; i < list.length; i++) {
var tmp = list[i];
if (tmp.type == "checkbox") {
if (tmp.checked) {
tmp.checked = false;
}
}
}
}
反选
function antiAll() {
for (var i = 0; i < list.length; i++) {
var tmp = list[i];
if (tmp.type == "checkbox") {
if (tmp.checked) {
tmp.checked = false;
}
else {
tmp.checked = true;
}
}
}
}