如何仅使用复选标记选择行

Question

当我选择row中的table之一时，我只想选择checkbox，以便选择row only。

当我取消选择checkbox时，所有内容都应更改为default设置，例如，如果我选择具有a然后取消选中复选框的行，那么它应该取决于您拥有的行地选择。

怎么做？

＆＃13;

＆＃13;

$(document).ready(function() {
  $('#rowclick4 tr')
    .filter(':has(:checkbox:checked)')
    .addClass('selected')
    .end()
    .click(function(event) {
    $(this).toggleClass('selected');
    if (event.target.type !== 'checkbox') {
      $(':checkbox', this).trigger('click');
    }
  });
});

＆＃13;

.selected td
{
	background-color: #48507b;
	color: #fff;;
}

.rowclick td
{
	padding: 4px;
	border: 1px solid #999
}

.OddRow
{
	background-color: #f0f0ff;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<table class="rowclick" id="rowclick4">
  <tbody>
    <tr class = "OddRow">
      <td><input type="checkbox" value="yes"></td>
      <td>row 1</td>
    </tr>    
    <tr>
      <td><input type="checkbox" value="yes" ></td>
      <td>row 2</td>
    </tr>    
    <tr class = "OddRow">
      <td><input type="checkbox" value="yes"></td>
      <td>row 3</td>
    </tr>
  </tbody>
</table>

＆＃13;

＆＃13;

＆＃13;