Jquery checkbox inside div checked one at time

Question

So i have a div thats auto generated and inside are 3 check boxes with different id\'s & names and by default none of them are checked!! If one happens to get checked th

Answer 1

I had a similar issue and solved it like so (using part of Arun P Johny's answer - I wanted to share for those of you who might come across this as well.)

(function($checkbox,options){                               
            $($checkbox).on('change', function() {                  
                $("input[type='checkbox']").not(this).prop('checked', false);               
            });             
        });

Answer 2

Use the prop function to change the checked property of checkbox and radio buttons

$(function(){
    $('input:checkbox').prop('checked', false)
    $('input:checkbox').click(function(){
        if($(this).is(':checked')){
            $('input:checkbox').not(this).prop('checked', false);        
        }
    });
})

Demo: Fiddle