欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用prop解決一個(gè)checkbox選中后再次選中失效的問(wèn)題

 更新時(shí)間：2017年07月05日 09:06:54   投稿：jingxian  
下面小編就為大家?guī)?lái)一篇使用prop解決一個(gè)checkbox選中后再次選中失效的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

//問(wèn)題點(diǎn)

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

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

實(shí)現(xiàn)了全選，

然后點(diǎn)擊全不選按鈕，

 

實(shí)現(xiàn)了全不選，

然后再次點(diǎn)擊全選按鈕，

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

再反復(fù)點(diǎn)擊木有任何反應(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解決一個(gè)checkbox選中后再次選中失效的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論