JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script>
<body ng-app="myApp">
	<div ng-controller="TestController">
        <ul class="list-group">
            <li class="list-group-item">
                <input type="radio" name="test1" ng-model="" ng-click="select('Test1')"/>
                <span class="username">
                    Alle von Test1
                </span>
            </li>
            <li class="list-group-item">
                <input type="radio" name="test1" ng-click="select('Test2')"/>
                <span class="username">
                    Alle von Test2
                </span>
            </li>
        </ul>   
        
        <input type="checkbox" value="Test3" name="test1" ng-click="select('Test3', 'radio')" ng-change="deselect('test1')" ng-model="test" />Test3<br />
        <input type="checkbox" value="Test4" name="test1" ng-click="select('Test4', 'radio')" ng-change="deselect('test1')" />Test4<br />
        <input type="checkbox" value="Test5" name="test1" ng-click="select('Test5', 'radio')" ng-change="deselect('test1')" />Test5<br />
        
    </div>
</body>

JavaScript

angular.module('myApp', [])
	.controller('TestController', ['$scope', function($scope) {
 
	$scope.select = function(type) {
		// alert('type: ' + type);
	}
    
    $scope.deselect = function(name, type) {
        var elements = document.getElementsByName(name);
        
        for(var i = 0; i < elements.length; i++) {
            var element = elements[i];
            alert(element.type.name + ", " + type + ", " + element.type.name === type);
            if(element.type == type) {
            	element.checked = false;
            }
        }
    }
}]);