av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

JavaScript實(shí)現(xiàn)復(fù)選框全選功能

瀏覽:92日期:2023-06-06 14:17:05

本文實(shí)例為大家分享了JavaScript實(shí)現(xiàn)復(fù)選框全選的具體代碼,供大家參考,具體內(nèi)容如下

JavaScript實(shí)現(xiàn)復(fù)選框全選功能

代碼:

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <title>Document</title> <style>table { width: 300px; border-spacing: 0; /* text-align: center; */ margin: 100px auto; border-collapse: collapse;}table tr:nth-child(n+2)>td { text-align: left; background-color: rgb(250, 245, 245); color: dimgray; font-size: 14px;}table tr:nth-child(1) { background-color: skyblue; color: white;}th,td { padding: 10px; border: 0.5px solid gray;} </style></head><body> <table><tr> <th><input type='checkbox' name='' id='all'></th> <th>商品</th> <th>價(jià)格</th></tr><tr> <td><input type='checkbox' name='' id='ip8'></td> <td>iPhone8</td> <td>8000</td></tr><tr> <td><input type='checkbox' name='' id='pro'></td> <td>iPad Pro</td> <td>5000</td></tr><tr> <td><input type='checkbox' name='' id='air'></td> <td>iPad Air</td> <td>2000</td></tr><tr> <td><input type='checkbox' name='' id='watch'></td> <td>Apple Watch</td> <td>2000</td></tr> </table> <script>var all = document.getElementById(’all’);var items = document.querySelectorAll(’tr>td>input’);all.onclick = function() { for (var i = 0; i < items.length; i++) {items[i].checked = this.checked; }}for (var i = 0; i < items.length; i++) { items[i].onclick = function() {var flag_all = 1;for (var j = 0; j < items.length; j++) { if (items[j].checked == 0) {flag_all = 0;all.checked = flag_all;break; }}all.checked = flag_all; }} </script></body></html>

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 欧美日韩综合视频 | 久久久久久蜜桃一区二区 | 欧美精品成人一区二区三区四区 | 欧美精品一区久久 | 国产精品视频网 | 欧美一区二区三区大片 | 2018中文字幕第一页 | 精品久| 日韩免费在线 | 精品国产一区二区在线 | 中文字幕亚洲视频 | 亚洲网站在线观看 | 成人av一区 | 欧美性久久 | 91福利在线导航 | v亚洲 | 亚洲毛片| 无吗视频 | 国产精品久久久久久婷婷天堂 | 日韩精品中文字幕一区二区三区 | 欧美电影免费网站 | 午夜精品一区 | 欧美成人精品激情在线观看 | 精品久久久久久久久久久久 | 欧美国产日韩一区二区三区 | 国产精品毛片av | 欧美片网站免费 | 红色av社区 | 超黄视频网站 | 国产精品免费观看 | 欧美综合在线视频 | 亚洲一区二区在线播放 | 国产真实乱对白精彩久久小说 | 欧美日韩一区二区视频在线观看 | 日韩欧美国产一区二区三区 | 国产传媒毛片精品视频第一次 | 久久国产精品视频免费看 | 在线日韩不卡 | 秋霞在线一区 | 一级a性色生活片久久毛片 一级特黄a大片 | 国产目拍亚洲精品99久久精品 |