javascript实现代码1. 建立HTML页面,在页面中设置书籍前的复选框name属性为“ic”。 2. 单击全选前的复选框,如果书籍前的复选框没有选中,就将复选框的checked值设为true。 3. 为复选框添加单击事件,全选前复选框单击时调用all_check函数,书籍前的复选框单击时调用single_check函数。
时间: 2023-06-06 15:08:54 浏览: 93
回答:可以的,您可以在页面中添加以下的javascript代码来实现这个功能:
```javascript
<script>
function all_check() {
var ic_checkboxs = document.getElementsByName("ic");
var len = ic_checkboxs.length;
if (document.getElementById("checkAll").checked) {
for (var i = 0; i < len; i++) {
ic_checkboxs[i].checked = true;
}
} else {
for (var i = 0; i < len; i++) {
ic_checkboxs[i].checked = false;
}
}
}
function single_check() {
var ic_checkboxs = document.getElementsByName("ic");
var len = ic_checkboxs.length,
count = 0;
for (var i = 0; i < len; i++) {
if (ic_checkboxs[i].checked) {
count++;
}
}
if (count == len) {
document.getElementById("checkAll").checked = true;
} else {
document.getElementById("checkAll").checked = false;
}
}
</script>
```
然后在HTML页面中,可以这样写:
```html
<input type="checkbox" id="checkAll" onclick="all_check()" />全选
<input type="checkbox" name="ic" onclick="single_check()" />书籍1
<input type="checkbox" name="ic" onclick="single_check()" />书籍2
<input type="checkbox" name="ic" onclick="single_check()" />书籍3
...
```
这样,您就可以实现书籍前的复选框被单击时调用single_check函数,全选前复选框被单击时调用all_check函数的功能。
阅读全文