亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jQuery Checkbox 全選 反選的簡(jiǎn)單實(shí)例

 更新時(shí)間：2016年11月29日 08:34:56   作者：森林王子  
本文主要介紹了Checkbox的全選、反選的簡(jiǎn)單實(shí)例,需要的朋友可以參考下

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" />一隊(duì)
  <input type="checkbox" />二隊(duì)
  <input type="checkbox" />三隊(duì)
  <input type="checkbox" />四隊(duì)
  <input type="checkbox" />五隊(duì)
  <input type="checkbox" />六隊(duì)
 </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>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家有所幫助，同時(shí)也希望多多支持腳本之家！

相關(guān)文章

最新評(píng)論