<!DOCTYPE html> <html> <head> <script src="jquery/jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#but1").click(function(){ $("input:enabled").toggle(); }); $("#but2").click(function(){ $("input:disabled").toggle(); }); $("#but3").click(function(){ $("input:checked").toggle(); }); $("#but4").click(function(){ $("select option:selected").toggle(); }); }); </script> </head> <style> </style> <body> <input id="but1" type="button" value="隐藏有用的input"> <input id="but2" type="button" value="隐藏无用的input"> <input id="but3" type="button" value="隐藏所有选中的复选框"> <input id="but4" type="button" value="隐藏所有选中的选项"> <input id="but5" type="button" disabled="disabled" value="无用"> <form> <input name="email" disabled="disabled" /> <input name="id" /> <br /> <input type="hidden"name="send" value="123"> <input type="checkbox" name="爱好" value="体育">体育 <input type="checkbox" name="爱好" value="数学">数学 <input type="radio" name="性别" value="男">男 <input type="radio" name="性别" value="女">女 <select name="地址"> <optgroup label="查看"> <option>第一个 <option>第二个 <option>第三个 </optgroup> <optgroup label="那个"> <option label="那个">1 <option label="那个">2 <option label="那个">3 </optgroup> </select> </form> </body> </html>
原文:http://www.cnblogs.com/yjh1604600160/p/x5.html