Radio button uncheck

by redoak2000

HTML

<div id="test">
    
</div>

CSS

input[type=radio],button{
    margin-left:10px;
}

JavaScript

function append(){
    var data = "";   
   for(var i=0;i<5;i++)
       for(var j=0;j<5;j++){
           data += "<input type='radio' id="+i+j+" />";
           if(j==4)
               data+="<button id="+i+" >Reset</button></br>";
       }
    return data;
}

$('#test').append(append());

function Disable(id){
	var data = id;
    var row = parseInt(data / 10);
    var column = data %10;
    $('input[type=radio][id^='+row+']').each(function(n,i){
        if(n != column) 
            $(i).attr('disabled','true').attr('checked', false); 
		else
			$(i).attr('disabled',false).attr('checked', true);
    });
    $('input[type=radio][id$='+column+']').each(function(n,i){        
        if(n != row)
            $(i).attr('disabled','true').attr('checked', false); 
		else
			$(i).attr('disabled',false).attr('checked', true);        
    });
}

$('input[type=radio]').click(function(){
    Disable(parseInt($(this).attr('id')));
});

$('button').click(function(){
    var row = parseInt($(this).attr('id'));
    var column;
    
$('input[type=radio][id^='+row+']').each(function(n,i){        
         if($(i).attr('disabled') == undefined)
             column = parseInt($(i).attr('id')%10);
         $(i).removeAttr('disabled').attr('checked', false);        
    });    
   $('input[type=radio][id$='+column+']').each(function(n,i){           
            $(i).removeAttr('disabled').attr('checked', false);        
    });	
	var data = $('input[type=radio]');
	for(var i=0;i<data.length;i++){
		if($(data[i]).is(':checked'))
			Disable($(data[i]).attr('id'));
		else 
			continue;		
	}
});