jsの中でcheckboxの中の全選択と反対選択の効果は実現します.
8370 ワード
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Documenttitle>
<script type="text/javascript">
// checkbox
var allpro = document.getElementsByName("c1");
//
function change() {
//
var all = document.getElementById("all");
// ，
if (all.checked) {
for (var i = 0; i < allpro.length; i++) {
if (allpro[i].type=="checkbox") {
allpro[i].checked=true;
}
}
//
}else{
for (var i = 0; i < allpro.length; i++) {
if (allpro[i].type=="checkbox") {
allpro[i].checked=false;
}
}
}
}
//
function revs() {
//
var reverse = document.getElementById("revcheck");
// ，
if (reverse.checked) {
for (var i = 0; i < allpro.length; i++) {
if (allpro[i].type=="checkbox"&&allpro[i].checked==true) {
allpro[i].checked= false;
}else if (allpro[i].type=="checkbox"&&allpro[i].checked==false) {
allpro[i].checked= true;
}
}
//
}else{
for (var i = 0; i < allpro.length; i++) {
if (allpro[i].type=="checkbox"&&allpro[i].checked==true) {
allpro[i].checked= false;
}else if (allpro[i].type=="checkbox"&&allpro[i].checked==false) {
allpro[i].checked= true;
}
}
}
}
script>
head>
<body>
<input type="checkbox" name="c0" id="all" value=" " onclick="change()">
<input type="checkbox" name="r0" id="revcheck" value=" " onclick="revs()">
<hr>
<table>
<tr>
<td><input type="checkbox" name="c1"> td>
tr>
<tr>
<td><input type="checkbox" name="c1"> td>
tr>
<tr>
<td><input type="checkbox" name="c1"> td>
tr>
<tr>
<td><input type="checkbox" name="c1"> td>
tr>
table>
body>
html>var reverse = document.getElementById("revcheck");、var reverse = document.getElementById("revcheck");の2つの選択および逆選択ボタンのオブジェクトを取得する方法を大域変数と表記した結果、2つの変数は初期状態値となり、jsで呼び出されたのは単一の関数であり、javaで直接呼び出されたのとは違って主関数である.2、遍歴した単一のcheckboxオブジェクトが状態を変えると、checked属性を忘れやすくなります.