商品详情 - <%= @product.title %>

                <li class="list-group-item"><label>价格</label><em>￥</em><span><%= @product.price %></span></li>
                <li class="list-group-item d-flex justify-content-between">
                  <div>
                    累计销量 <span class="count"><%= @product.sold_count %></span>
                  </div>
                  <div>
                  累计评价 <span class="count"><%= @product.review_count %></span>
                  </div>
                  <div  <%= @product.rating %>>
                    评分 <span class="count"><%= '★' * @product.rating.floor %><%= '☆' * (5 - @product.rating.floor) %></span>
                  </div>
                </li>
                <li class="list-group-item">
                  <label>选择</label>
                  <div class="btn-group" data-bs-toggle="buttons">
                    <% @product.product_skus.each do |product_sku|%>
                      <label class="btn btn-default sku-btn" title="<%= product_sku.description %>">
                        <input type="radio" name="skus" autocomplete="off" value="<%= product_sku.id %>"> <%= product_sku.title %>
                      </label>
                    <% end %>
                  </div>
                </li>
                <li class="list-group-item  d-flex justify-content-between">
                  <label>数量</label>
                  <input type="text" class="form-control" value="1"><span>件</span>
                  <span>库存</span>888<span>件</span>
                </li>
              </ul>

             
            </div>

当网页一打开 product_sku button就默认被选中，库存的数量也发生相应变化，应该怎么写内容：您可以在页面加载时给相应的按钮和数量输入框添加默认值。

首先，给选中的按钮添加 checked 属性，表示默认选中。例如：<input type="radio" name="skus" autocomplete="off" value="<%= product_sku.id %>" checked>

然后，给数量输入框添加 value 属性，表示默认数量。例如：<input type="text" class="form-control" value="1">

最后，您可以通过 JavaScript 代码来动态更新库存数量。可以给数量输入框添加一个 id 属性，例如：<input type="text" class="form-control" value="1" id="quantity">，然后使用以下代码在页面加载时更新库存数量：

<script>
  window.addEventListener('DOMContentLoaded', (event) => {
    // 获取库存数量
    var stockQuantity = 888;
    // 更新库存数量显示
    document.getElementById('quantity').nextElementSibling.innerHTML = stockQuantity + '<span>件</span>';
  });
</script>

请注意，上述代码需要放在页面的 <script> 标签中，并确保在加载完整个页面内容后执行。