title: Upon clicking a checkbox, uncheck other checkboxes and trigger change or click event on the on one that was previously checked
body: <p>I have a group of checkboxes for a filtering functionality that triggers some function upon clicking them. I need to implement one checkbox checked at a time which is not the problem but I need to trigger a click or change event on previously checked checkbox as changing the &quot;prop&quot; did not fire any event.</p>
  <pre><code> &lt;input type=&quot;checkbox&quot; data-filter=&quot;threebed&quot; class=&quot;bedroomsCheck&quot; name=&quot;bedrooms&quot; value=&quot;three&quot;&gt;
   &lt;input type=&quot;checkbox&quot; data-filter=&quot;fourbed&quot; class=&quot;bedroomsCheck&quot; name=&quot;bedrooms&quot; value=&quot;four&quot;&gt;
   &lt;input type=&quot;checkbox&quot; data-filter=&quot;fivebed&quot; class=&quot;bedroomsCheck&quot; name=&quot;bedrooms&quot; value=&quot;five&quot;&gt;
  </code></pre>
  <p>My approach which did not give appropriate output on filtering functionality.</p>
  <pre><code>  $(document).on('click', '.bedroomsCheck', function() { 
  
        $('.bedroomsCheck').not(this).prop('checked', false);
        $('.bedroomsCheck').each( function (){
              if(!(this) &amp;&amp; is(':checked')){
  
                 //how do I target the one that meets condition?
  
               }
        });
   });
  
   //This didn't work either
   $('.hometypeCheck').not(this).prop('checked', false).trigger('change');   //click, change
  </code></pre>