我有一个代码,我从 Bootstrap ,我想知道如何获得单选按钮的值,当用户点击它。
<div class="d-flex justify-content-center">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="5">
<label class="form-check-label" for="inlineRadio1">5 stars</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="4">
<label class="form-check-label" for="inlineRadio2">4 stars</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="3">
<label class="form-check-label" for="inlineRadio3">3 stars</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio4" value="2">
<label class="form-check-label" for="inlineRadio3">2 stars</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio5" value="1">
<label class="form-check-label" for="inlineRadio3">1 star</label>
</div>
</div>
3条答案
按热度按时间nnt7mjpx1#
您可以将click事件附加到单选按钮,使用
this
关键字访问单击的单选按钮的值:dtcbnfnu2#
您可以获取所有具有相同名称的radio元素,然后添加事件侦听器以获取选中的项
pkbketx93#
您可以使用此jQuery来获取值