Question

Here’s an fiddle example: http://jsfiddle.net/YxU2H/9/
I’m trying to just have one checkbox or one radio button selected in the row. What I’ve tried doesnt work:

function selectedBox() {
      var bothChecked = false;
      var row = $(this).closest('tr');

      var isCboxChecked = $('row', '#cbox').is(':checked');
      var isRadChecked = $('row', '#rad').is(':checked');

      //var isCboxChecked = $('#cbox').is(':checked'); //true or false
      //var isRadChecked = $('#rad').is(':checked');

      if (first == second) {
          bothChecked = true;
          //keep checkbox selected but deselect radio button
      }
      if (bothChecked == true) {
          $('#cbox').attr('checked', false);
      }
      else {
          $('#cbox').attr('checked', true);
      }
  } //);

Then I just added an onclick=”selectedBox();” to the checkboxes and buttons. Checkboxes had a id of cbox, and radio buttons had rad

Answer 1

you can put these two functions within document.ready block

$('input[type="radio"]').click(function() {
    if ($(this).attr('checked') == 'checked') {
        var chk = $(this).closest('tr').find('input[type="checkbox"]:checked');
        if (chk.length > 0) {
            $(chk).removeAttr('checked');
        }
    }
});

$('input[type="checkbox"]').click(function() {
    if ($(this).attr('checked') == 'checked') {
        var rad= $(this).closest('tr').find('input[type="radio"]:checked');
        if (rad.length > 0) {
            $(rad).removeAttr('checked');
        }
    }
});

Both monitor each others, so you will get your functionality. try it, worked for me. I have updated your fiddle. Here it is http://jsfiddle.net/YxU2H/20/