javascript - 在 Magento 中为单选框添加标签

Question

尝试为每个单选框使用标签(用 css3 自定义它们)，但是有 javascript 阻止标签正常工作。当我点击标签时，单选框获得焦点但未选中。

如果您直接单击单选框，它会验证并向输入添加 .validation-passed 类。也许我还需要对标签进行验证？

有没有人以前遇到过这个问题并且可以帮助解决这个问题？

<table class="data-table review-summary-table" id="product-review-table">
    <tbody>
        <?php foreach ($this->getRatings() as $_rating): ?>
        <tr>
            <td class="label">
                <?php echo $this->escapeHtml($_rating->getRatingCode()) ?>
            </td>
            <?php foreach ($_rating->getOptions() as $_option): ?>
            <td class="value">
                <label for="<?php echo $this->escapeHtml($_rating->getRatingCode()) ?>_<?php echo $_option->getValue() ?>">
                    <?php echo $this->escapeHtml($_rating->getRatingCode()) ?> <?php echo $_option->getValue() ?>
                </label>
                <input type="radio" name="ratings[<?php echo $_rating->getId() ?>]" id="<?php echo $this->escapeHtml($_rating->getRatingCode()) ?>_<?php echo $_option->getValue() ?>" value="<?php echo $_option->getId() ?>" class="radio" />
            </td>
        <?php endforeach; ?>
        </tr>
        <?php endforeach; ?>
    </tbody>
</table>
<input type="hidden" name="validate_rating" class="validate-rating" value="" />
<script type="text/javascript">decorateTable('product-review-table')</script>

Answer 1

我看到所有的单选框都有不同的名称。如果你想将它整理成一组，你应该为所有单选按钮使用相同的名称。

name="ratings"