1.全選、反選
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="http://xiazai.jb51.net/201611/yuanma/jquery(jb51.net).rar"></script> <script type="text/javascript"> $(function () { $("#selall").on("click", function () { $("#plalst :checkbox").prop("checked", true); }); $("#selnone").on("click", function () { $("#plalst :checkbox").prop("checked", false); }); $("#resver").on("click", function () { $("#plalst :checkbox").prop("checked", function (i, val) { return !val; }); }); $("#chkAll").on("click", function () { $("#plalst :checkbox").prop("checked", $("#chkAll").prop("checked")) }); }); </script> </head> <body> <div id="plalst"> <input type="checkbox" />一隊 <input type="checkbox" />二隊 <input type="checkbox" />三隊 <input type="checkbox" />四隊 <input type="checkbox" />五隊 <input type="checkbox" />六隊 </div> <br /><br /><br /> <input type="button" id="selall" value="全選" /> <input type="button" id="selnone" value="全不選" /> <input type="button" id="resver" value="反選" /> <input type="checkbox" id="chkAll" /><label for="chkAll" >選擇</label> </body> </html>
以上就是本文的全部內容,希望對大家有所幫助,同時也希望多多支持!