Hi all,
I have 5 jquery buttonset checkbox in my view
<div id="format">
<input type="checkbox" id="check2" onClick="disableButtons(id);"/><label for="check2">Check2</label>
<input type="checkbox" id="check3" onClick="disableButtons(id);" /><label for="check3">Check3</label>
<input type="checkbox" id="check4" onClick="disableButtons(id);"/><label for="check4">Check4</label>
<input type="checkbox" id="check5" onClick="disableButtons(id);"/><label for="check5">Check5</label>
<input type="checkbox" id="check6" onClick="disableButtons(id);"/><label for="check6">Check6</label>
</div>
and my Javascript code is
<script type="text/javascript">
$(function () {
$("#dynamicColumns,#format").buttonset();
});
function diableButtons(id) {
if (id == 'check2') {
$('#check3').attr("disabled", true).button('refresh');
$('#check4').attr("disabled", true).button('refresh');
$('#check5').attr("disabled", true).button('refresh');
$('#check6').attr("disabled", true).button('refresh');
}
if (id == 'check3') {
$('#check2').attr("disabled", true).button('refresh');
$('#check4').attr("disabled", true).button('refresh');
$('#check5').attr("disabled", true).button('refresh');
$('#check6').attr("disabled", true).button('refresh');
}
}
</script>
The above code works fine, but it wont look good if i check for every id.
Is there any optimize option to validate the condition?
When i uncheck the buttonset checkbox, other buttonset should reset to its default state.
For example:
If i select Check2 buttonset, other check buttonset(check3,check4,check5,check6) should be disabled.
And if i deselect check2 buttonset, other check buttonset(check3,check4,check5,check6) should be enabled.
Similarly for other check buttonsets too.
Please help me ASAP.
Thanks in advance.