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

使用prop解決一個checkbox選中后再次選中失效的問題

 更新時間:2017年07月05日 09:06:54   投稿:jingxian  
下面小編就為大家?guī)硪黄褂胮rop解決一個checkbox選中后再次選中失效的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

//問題點

初始狀態(tài)復(fù)選框沒有全選,

點擊全選按鈕調(diào)用checkAll方法,

實現(xiàn)了全選,

然后點擊全不選按鈕,

 

實現(xiàn)了全不選,

然后再次點擊全選按鈕,

結(jié)果卻木有全選,

再反復(fù)點擊木有任何反應(yīng)。

demo:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="js/jquery-1.11.3.min.js"></script>
  <script>
    $(function () {
      $("#allchoose").click(function () {
          $(":checkbox").prop("checked",true);
      })
      $("#allnochoose").click(function () {
        if ($(":checkbox").is(":checked")){
          $(":checkbox").attr("checked",false);
        }
      })
      $("#choose").click(function () {
        if($(":checkbox").is(":checked")){
          $(":checkbox").attr("checked",false);
        }else{
          $(":checkbox").prop("checked",true);
        }
      })
    })
  </script>
</head>
<body>
<input type="checkbox" name="checkbox" id="">乒乓球
<input type="checkbox" name="checkbox" id="">羽毛球
<input type="checkbox" name="checkbox" id="">足球
<input type="checkbox" name="checkbox" id="">籃球
<input type="checkbox" name="checkbox" id="">排球<br>
<input type="button" value="全選" id="allchoose">
<input type="button" value="全不選" id="allnochoose">
<input type="button" value="反選" id="choose">
<input type="submit" value="提交" id="submit">
</body>
</html>

以上這篇使用prop解決一個checkbox選中后再次選中失效的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論