单选按钮作为表格单元格答案

【问题标题】：radio button as table cell单选按钮作为表格单元格
【发布时间】：2015-03-08 20:17:23
【问题描述】：

这是我的 JS：

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

和风格：

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

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

【问题讨论】：

标签： javascript jquery button radio

【解决方案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);
   }
} );

【讨论】：