Edit in JSFiddle

<div id="chessBoard">
  <label>Размер поля:
    <input type="number" min="1" max="14" step="1" data-bind="value: size" />
  </label>
  <table>
    <tbody data-bind="foreach: rows">
      <tr data-bind="foreach: cells">
        <td>
          <div></div>
        </td>
      </tr>
    </tbody>
  </table>
</div>
tr:nth-child(odd) > td:nth-child(odd) {
  background-color: black;
}

tr:nth-child(odd) > td:nth-child(even) {
  background-color: white;
}

tr:nth-child(even) > td:nth-child(odd) {
  background-color: white;
}

tr:nth-child(even) > td:nth-child(even) {
  background-color: black;
}

td > div {
  min-height: 20px;
  min-width: 20px;
}