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

全選框功能實現(xiàn)

オリジナル 2019-06-04 11:48:05 219
サマリー:<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .box{width: 100px;height: 280px;border: 1px solid #000;padding: 10px 6px;border-radiu

<!DOCTYPE html>

<html>

<head>

<title></title>

<style type="text/css">

.box{width: 100px;height: 280px;border: 1px solid #000;padding: 10px 6px;border-radius: 8px;}

#checked{margin: 8px auto;border-bottom: 1px solid;padding: 8px;}

.box input{margin: 8px;}

</style>

<script type="text/javascript">

function checkALL() {

var checkall,item;

checkall=document.getElementById('checkall')

item=document.getElementsByName('item[]')

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

if (checkall.checked) {

item[i].checked=true;

}else{

item[i].checked=false;

}

}

}

</script>

</head>

<body>

<div class="box">

<div id="checked">

<input type="checkbox" id="checkall" onclick="checkALL()"><label for="checkall">全選</label>

</div>

<input type="checkbox" name="item[]">選項一<br>

<input type="checkbox" name="item[]">選項二<br>

<input type="checkbox" name="item[]">選項三<br>

<input type="checkbox" name="item[]">選項四<br>

<input type="checkbox" name="item[]">選項五<br>

<input type="checkbox" name="item[]">選項六<br>

<input type="checkbox" name="item[]">選項七<br>

</div>

</body>

</html>


添削の先生:天蓬老師添削時間:2019-06-04 13:23:57
先生のまとめ:全選的本質(zhì)就是給每一個復(fù)選框添加一個checked

手記を発表する

人気のある見出し語