JS/Jquery根據復選框的<checked屬性>控制多個對應div的顯示/隱藏
阿新 • • 發佈:2017-08-24
hid blog htm 根據 view har itl function click
<!doctype html><html> <head> <meta charset="utf-8"> <title>JS/Jquery復選框控制多個對應div的顯隱</title> <script type="text/javascript" src="jquery-1.11.3.min.js"></script> </head> <style type="text/css"> .shows{ display: none; } </style> <body> <input type="checkbox" value="dd1" />淘寶<br /> <input type="checkbox" value="dd2" />新浪<br /> <input type="checkbox" value="dd3" />網易<br /> <input type="checkbox" value="dd4" />天貓<br /> <div id="dd1" classView Code="shows">淘寶</div> <div id="dd2" class="shows">新浪</div> <div id="dd3" class="shows">網易</div> <div id="dd4" class="shows">天貓</div> <script type="text/javascript"> $(":checkbox").each(function () { $(this).click(function () {if ($(this).attr("checked") == "checked") { $("#" + $(this).val()).hide(); $(this).attr("checked",false); } else { $("#" + $(this).val()).show(); $(this).attr("checked",true); } }); });</script> </body> </html>
______________
JS/Jquery根據復選框的<checked屬性>控制多個對應div的顯示/隱藏