icheck
icheck copied to clipboard
Checkbox doesn't get disabled when the parent fieldset is disabled
<html lang="en">
<head>
<title>Checkboxes and radio buttons customization (jQuery and Zepto) plugin</title>
<meta charset="utf-8">
<meta content="width=device-width" name="viewport">
<link href="../skins/all.css?v=1.0.2" rel="stylesheet">
<script src="./js/jquery.js"></script>
<script src="../icheck.js?v=1.0.2"></script>
<script src="./js/custom.min.js?v=1.0.2"></script>
</head>
<body>
<div class="skin-minimal">
<fieldset id="minimal-checkbox-1-fieldset">
<div>
<input type="checkbox" id="minimal-checkbox-1">
<label for="minimal-checkbox-1">Checkbox 1</label>
</div>
<div>
<input type="text">
</div>
</fieldset>
<button type="button" id="square-checkbox-3" onclick="var cb=$('#minimal-checkbox-1-fieldset'); cb.attr('disabled', !!!cb.attr('disabled')); console.log(cb.attr('disabled'));">Enable/disable fieldset</button>
<script>
$(document).ready(function(){
$('.skin-minimal input').iCheck({
checkboxClass: 'icheckbox_minimal',
radioClass: 'iradio_minimal',
increaseArea: '20%'
});
});
</script>
</div>
</body>
</html>
Up
Bug has been open for a long time. I disabled it manually using ng-disabled
. 😒