jQuery UI: Radiobutton- und Checkbox-Replacement


	$('input').checkBox();


$('#toggle-all').click(function(){
	$('#example input[type=checkbox]').checkBox('toggle');
	return false;
});
$('#check-all').click(function(){
	$('#example input[type=checkbox]').checkBox('changeCheckStatus', true);
	return false;
});
$('#uncheck-all').click(function(){
	$('#example input[type=checkbox]').checkBox('changeCheckStatus', false);
	return false;
});

CheckBox 1

CheckBox 2

CheckBox 3


$('#check-2').click(function(){
	$('#example input[type=radio]:eq(1)').checkBox('changeCheckStatus', true);
	return false;
});
$('#native').click(function(){
	//native methode
	$('#example input[type=radio]:eq(0)').attr({checked: true, disabled: true})
		//reflect the current state
		.checkBox('reflectUI');
	return false;
});

Radio 1

Radio 2

Radio 3