Home:ALL Converter>How to set unchecked checkbox 1 When checkbox 2 was checked and set unchecked checkbox 2 When checkbox 1 was checked using script?

How to set unchecked checkbox 1 When checkbox 2 was checked and set unchecked checkbox 2 When checkbox 1 was checked using script?

Ask Time:2014-01-31T23:06:44         Author:user3215821

Json Formatter

How to set unchecked checkbox 1 When checkbox 2 was checked and set unchecked checkbox 2 When checkbox 1 was checked

( Make checkbox working like radio button. )

<input type="checkbox" id="checkbox1" name="checkbox1" value="checkbox1"/> checkbox 1 
<br>
<input type="checkbox" id="checkbox2" name="checkbox2" value="checkbox2"/> checkbox2

<script type="text/javascript">
document.getElementById('checkbox1').onchange = function() {
    document.getElementById('checkbox2').Unchecked = this.checked;

};
</script>

<script type="text/javascript">
document.getElementById('checkbox2').onchange = function() {
    document.getElementById('checkbox1').Unchecked = this.checked;

};
</script>

Author:user3215821,eproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article:https://stackoverflow.com/questions/21483235/how-to-set-unchecked-checkbox-1-when-checkbox-2-was-checked-and-set-unchecked-ch
Shryme :

You need to use .checked and not unchecked and set its property to false\n\ndocument.getElementById('checkbox2').checked = false;\n\n\nFIDDLE",
2014-01-31T15:11:19
Adil Shaikh :

With jQuery -\n\n$('input:checkbox').on('change',function(){\n if(this.checked)\n $(this).siblings('input:checkbox').prop('checked',false);\n});\n\n\nDemo ---> http://jsfiddle.net/3g67r/",
2014-01-31T15:10:10
yy