Hi Team,
I’d like to ask you about ‘hasThreeStates’ of jqxRadioButton.
The ‘hasThreeStates’ option of jqxRadioButton is not working as jqxCheckbox works with it.
‘hasThreeStates’ would accept ‘null’ value in jqxCheckbox indicating ‘indeterminate’ state.
However, it is not working at all in jqxRadioButton.
Please try it: http://jsfiddle.net/klien54/qatd74q9/
<div id='jqxCheckBox'>Entertainment</div>
<button id="check1">CheckBox Null</button>
<br>
<div id='jqxRadioButton'>Radio Button </div>
<div id='jqxRadioButton2'>Radio Button 2 </div>
<button id="check2">RadioButton Null</button>
<script>
$("#jqxCheckBox").jqxCheckBox({
width: '300px',
height: 25,
hasThreeStates: true,
theme: 'energyblue'
});
$("#check1").jqxButton().on('click', function (e) {
$("#jqxCheckBox").jqxCheckBox('val', null);
});
$("#jqxRadioButton").jqxRadioButton({
width: 120,
height: 25,
theme:'energyblue',
hasThreeStates:true
});
$("#jqxRadioButton2").jqxRadioButton({
width: 120,
height: 25,
theme:'energyblue',
hasThreeStates:true
});
$("#check2").jqxButton().on('click', function (e) {
// It's not working
$("#jqxRadioButton").jqxRadioButton('val', null);
});
</script>
Thanks for your support as always.
Best Regards,
klien54