Question

我有一个表单，用户需要通过选择星号来选择评级。

星星是用星形标记和ahref实现星形的形式 - 每颗星都有一个ahref标记。

<form novalidate="" class="comment-form" id="commentform" method="post" action="http://example.com/example.php">
    <p class="star-rating-wrapper">
        <span class="star-rating-label">Din anmeldelse</span>
        <span class="star-rating-stars">
            <a data-rating="5" href="" class="star-rating"></a>
            <a data-rating="4" href="" class="star-rating"></a>
            <a data-rating="3" href="" class="star-rating"></a>
            <a data-rating="2" href="" class="star-rating"></a>
            <a data-rating="1" href="" class="star-rating"></a>
        </span>
    </p>
</form>

问题是，当它不是输入字段时，如何选择其中一颗星？

Answer 1

在实现星级评级的javascript中，您还需要设置隐藏输入，然后对其进行验证。

Answer 2

为布尔验证设置变量（validateStar）为false。将onClick =“starClick（）”添加到范围内的每个星形按钮，并为starClick（）创建一个函数，以将validateStar的值设置为true。

<script type="text/javascript">
var validateStar = false;

function starClick() {
    var validateStar = true; 
} 
</script>

<span class="star-rating-stars">
    <a data-rating="5" href="" class="star-rating" onClick="starClick()"></a>
    <a data-rating="4" href="" class="star-rating" onClick="starClick()"></a>
    <a data-rating="3" href="" class="star-rating" onClick="starClick()"></a>
    <a data-rating="2" href="" class="star-rating" onClick="starClick()"></a>
    <a data-rating="1" href="" class="star-rating" onClick="starClick()"></a>
</span>

完成此操作后，只需创建一个验证检查，检查validateStar是真还是假。

需要在SPAN标记内进行选择

2 个答案: