亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

js控制復選框全款

原創(chuàng) 2019-04-17 15:30:35 221
摘要:<!DOCTYPE html><html><head><meta charset="utf-8" /><title>js</title><style>.bigbox2{width: 800px;height:600px;border:1px solid pink;border-radi
<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>js</title>

<style>

.bigbox2{width: 800px;height:600px;border:1px solid pink;border-radius: 20px;margin: 100px auto;}

#box{width: 100px;height:100px;border-radius: 10px;background-color: pink;margin: 100px auto;}

input{margin: 100px 30px;box-shadow: 2px 2px 5px #c3c3c3;}

</style>

<script type="text/javascript">

var boxt;

function bigwidth(c) {

boxt =document.getElementById("box");

boxt.style.width="200px";

}

function bigheight(c) {

boxt =document.getElementById("box");

boxt.style.height="200px";

}

function bg(c) {

boxt =document.getElementById("box");

boxt.style.backgroundColor = "#38f0ce";

}

function ds(c) {

boxt =document.getElementById("box");

boxt.style.display="none";

}

function ds2(c) {

boxt =document.getElementById("box");

boxt.style.display="block";

}

function dss2(c) {

boxt =document.getElementById("box");

boxt.style.width="100px";

boxt.style.height="100px";

boxt.style.backgroundColor = "pink";

boxt.style.display="block";

}

function qxxx() {

boxt =document.getElementById("box");

boxt.style.width="100px";

boxt.style.height="100px";

boxt.style.backgroundColor = "pink";

boxt.style.display="block";

var chexkall,dxk;

chexkall = document.getElementById("qxb")

dxk = document.getElementsByName("bt[]")

for (var i =0;i< dxk.length;i++) {


if(chexkall.checked) {

dxk[i].checked=true;

else {

dxk[i].checked=false;

}

}

}

</script>


</head> <body> <div class="bigbox2"> 

<div id="box"></div>     

<input type="checkbox" name="bt[]" value="加寬" onclick="bigwidth(this)">加寬     

<input type="checkbox" name="bt[]" value="加高" onclick="bigheight(this)">加高     

<input type="checkbox" name="bt[]" value="換色" onclick="bg(this)">換色     

<input type="checkbox" name="bt[]" value="消失" onclick="ds(this)">消失     

<input type="checkbox" name="bt[]" value="顯示" onclick="ds2(this)">顯示     

<input type="checkbox" name="bt[]" value="重置" onclick="dss2(this)">重置     

<input type="checkbox" name="qxk" value="全選" onclick="qxxx()" id="qxb">全選 

</div> 

</body>            


</html>

批改老師:查無此人批改時間:2019-04-18 10:03:56
老師總結:完成的不錯。寫了不少的點擊事件,我還以為只有全選呢。不錯,繼續(xù)加油。

發(fā)布手記

熱門詞條