Checkbox - unchecking if other box is checked

Checkbox - unchecking if other box is checked

I used checkboxes recently to allow a box to be selected if yes or if no. The problem is that the boxes can both be checked at the same time. I'd like them to toggle the other if checked.

So if "Yes" is checked, then "No" would uncheck.

Below is my code. The buttons work great. The checking to see if a value is true, then setting it to false works...but the checkbox button still reads as though selected.

Any help you have would be appreciated.

  1. $(function() {
  2.         $( "#checkWelcomeFormat" ).buttonset();
  3.     });
  4. $(function() {
  5.         $( "#checkChildrenFormat" ).buttonset();
  6.     });
  7. $("#checkWelcomeYes").on("change", function(event){
  8. setWelcome($(this).val());
  9. if($("#checkWelcomeNo").prop('checked') == true)
  10. {
  11. $("#checkWelcomeNo").removeClass( "ui-state-active" ).addClass("ui-state-default");
  12. $("#checkWelcomeNo").prop("checked", false);
  13. }
  14. });
  15.  $("#checkWelcomeNo").on("change", function(event){
  16. setWelcome($(this).val());
  17. if($("#checkWelcomeYes").prop('checked') == true)
  18. {
  19. $("#checkWelcomeYes").removeClass( "ui-state-active" ).addClass("ui-state-default");
  20. $("#checkWelcomeYes").prop("checked", false);
  21. }
  22. });