切換複選框選中/取消選中如果點擊

-2

我有一個ul列表項在裏面。當一個列表項被點擊時，它的類將變爲活動狀態。這是我得到的。切換複選框選中/取消選中如果點擊

$("#verlanglijst ul li").on('click', function() { 
    var activiteit = $(this).attr("class"); 
    $(this).toggleClass('active');  
});

列表項是在wordpress中用循環創建的。 WordPress還會創建與列表項一樣多的複選框。

<?php $activiteiten = new WP_Query("post_type=activiteiten&showposts=-1"); while($activiteiten->have_posts()) : $activiteiten->the_post();?> 
    <input class="post-<?php echo $post->ID; ?> checkbox" type="checkbox" /> 
<?php $count++; endwhile; wp_reset_query(); ?>

，我沒有得到的東西是這樣的：當鋰項目被點擊，類變爲活動。這樣可行。但我也想要的是，li項目的複選框被設置爲檢查，如果li項目的類別設置爲活動。當主動類被移除時，複選框必須被取消選中。

也許你能幫助我。）

來源

2013-12-11 Tom Te

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script src="Scripts/jquery-1.10.2.min.js"></script> 

    <script> 
     $(document).ready(function() { 
      $("#verlanglijst ul li").on('click', function() { 
       var that = $(this); 
       that.toggleClass('active'); 
       if (that.hasClass('active')) { 
        that.find(':checkbox').prop('checked', true); 
       } else { 
        that.find(':checkbox').prop('checked', false); 
       } 
      }); 
     }); 

    </script> 
    <style> 
     li { 
      border:solid; 
      border-width:1px; 
     } 
    </style> 
</head> 
<body> 
    <div id="verlanglijst"> 
     <ul> 
      <li><input type="checkbox" /></li> 
      <li><input type="checkbox" /></li> 
      <li><input type="checkbox" /></li> 
      <li><input type="checkbox" /></li> 
     </ul> 
    </div> 
</body> 
</html>

來源

2013-12-11 09:45:53 user3041160

切換複選框嘗試：

that.find(':checkbox').attr('checked', !that.find(':checkbox').attr('checked'));

來源

2013-12-11 10:24:59 MaK

切換複選框選中/取消選中如果點擊

回答

相關問題