单选按钮作为表格单元格

Question

Js Fiddle

这是JS我有：

    $( function() {
  $('td').click( function() {
    $(this).toggleClass("red-cell");
  } );
} );    

和风格：

td { background: white; cursor: pointer; padding: 2px }
td.red-cell {
    background: #339933; 
}

通过查看jsfiddle最容易解释。我希望能够点击表格单元格，如果它是绿色，那么单选按钮＆＃34;是＆＃34;选中，如果再次单击它应切换到无单选按钮。我目前在狗图片上有单选按钮。一旦它工作，我会改变隐藏的单选按钮...上面的小提琴是我能用js的有限知识得到的最接近的。关于我如何实现这一目标的任何建议？

Answer 1

使用切换时非常棘手（在审查代码周/月的时候不太清楚）。最好明确指出你想要做什么。

jsFiddle Demo

$('td').click( function() {
   var $this = $(this);
   if ( $this.hasClass('red-cell') ){
      $this.removeClass('red-cell');
      $('#radNo').prop("checked", true);
   }else{
      $this.addClass('red-cell');
      $('#radYes').prop("checked", true);
   }
} );