单选按钮作为表格单元格

Question

Js小提琴

这是我的 JS：

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

和风格：

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

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

Answer 1

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

jsFiddle 演示

$('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);
   }
} );