<html>
<head></head>
<body>
<script>
for(var i=0; i<20; i++){
document.write('<input type="checkbox" name="vol[]" />aaaa <br>');
<!--使用[]可以将变量以数组的形式传递给后台-->
}
</script>
<br>
<br>
<a href="javascript:sall()">select all</a>
<a href="javascript:nall()">not select all</a>
<a href="javascript:fall()">select unselect</a>
<br>
<br>
<label for="ss"><input id="ss" type="checkbox" onclick="selectall(this)">select all</input> </label>
<!--使用label for属性将label中的内容绑定到一起-->
<script>
var vols = document.getElementsByName('vol[]');
function sall(){
for(var i=0; i<vols.length; i++){
vols[i].checked=true;
}
}
function nall(){
for(var i=0; i<vols.length; i++){
vols[i].checked=false;
}
}
function fall(){
for(var i=0; i<vols.length; i++){
vols[i].checked=!(vols[i].checked);
}
}
function selectall(obj){
for(var i=0; i<vols.length; i++){
vols[i].checked=obj.checked;
}
}
</script>
</body>
</html>
Javascript 实例--全选反选
最新推荐文章于 2024-09-04 20:18:34 发布