單選按鈕作為表格單元格

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);
   }
} );