在检查另一个单选按钮字段时,如何强制单选按钮保持选中状态?

时间:2019-05-20 14:53:19

标签: javascript jquery css

嗨,我的页面上有两个评分字段,当选中第一个评分时,我选中了第二个评分,则第一个未选中。在后端这不是问题,因为已经保存了评分值,但是对于访客来说,因为星星消失了,这是一个问题。

在javascript或jQuery中是否有一种说法:如果此字段为选中状态,则保持选中状态?

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<fieldset class="rate">
    <input id="5-stars-1" type="radio" name="firstRate" value="5" />
    <label for="5-stars-1">5</label>
    <input id="4-stars-1" type="radio" name="firstRate" value="4" />
    <label for="4-stars-1">5</label>
</fieldset>

<fieldset class="rate2">
    <input id="5-stars-2" type="radio" name="secondRate" value="5" />
    <label for="5-stars-2">5</label>
    <input id="4-stars-2" type="radio" name="secondRate" value="4" />
    <label for="4-stars-2">5</label>
</fieldset>

你有什么主意吗?

如果您需要我的代码中的更多信息或更多摘录,请不要介意!

1 个答案:

答案 0 :(得分:0)

好的,感谢Rory和Sathish,答案非常简单:

无线电被设计为一次检查一次,所以我无法做我想做的事,相反,我只需要切换到复选框即可解决问题!

再次感谢!