在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ jquery最新版如何實(shí)現(xiàn)全選,不全選。

jquery最新版如何實(shí)現(xiàn)全選,不全選。

在學(xué)習(xí)鋒利的jquery中，
當(dāng)html結(jié)構(gòu)內(nèi)容相同的時(shí)候，我分別引入了舊版本jquery(書(shū)中的1.71版) 和最新版時(shí)遇到了一個(gè)問(wèn)題。
總共有四個(gè)復(fù)選框，在舊版本jquery中，可以正常執(zhí)行。
然而在新版本中，如果不去手動(dòng)點(diǎn)擊復(fù)選框改變選中狀態(tài)，全選和不全選兩個(gè)按鈕都能正常工作；
當(dāng)我手動(dòng)點(diǎn)擊復(fù)選框改變其狀態(tài)，全選和不全選兩個(gè)按鈕對(duì)于我點(diǎn)擊過(guò)的復(fù)選框都失靈了。只能手動(dòng)點(diǎn)擊復(fù)選框切換選中狀態(tài)。

為什么會(huì)這樣？有什么解決方法么？ 謝謝。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
 <!--   引入jQuery -->
<script src="../../scripts/jquery.js" type="text/javascript"></script>
 <script type="text/javascript">
  $(function(){
     //全選
     $("#CheckedAll").click(function(){
         $('[name=items]:checkbox').attr('checked', true);
     });
     //全不選
     $("#CheckedNo").click(function(){
        $('[type=checkbox]:checkbox').attr('checked', false);
     });
     
  })

  </script>
</head>
<body>
<form method="post" action="">
   你愛(ài)好的運(yùn)動(dòng)是？
   <br/>
    <input type="checkbox" name="items" value="足球"/>足球
    <input type="checkbox" name="items" value="籃球"/>籃球
    <input type="checkbox" name="items" value="羽毛球"/>羽毛球
    <input type="checkbox" name="items" value="乒乓球"/>乒乓球
   <br/>
    <input type="button" id="CheckedAll" value="全　選"/>
    <input type="button" id="CheckedNo" value="全不選"/>

</form>
</body>
</html>
回答
編輯回答
舊酒館

改成這樣

$("#CheckedAll").click(function(){
         $('[name=items]:checkbox').prop('checked', true);
     });
     //全不選
     $("#CheckedNo").click(function(){
        $('[type=checkbox]:checkbox').prop('checked', false);
     });
2018年4月17日 09:05