我正在使用Bootstrap 4,并且在验证正常的单选按钮时遇到一些问题
这就是问题,在Bootstrap 4 docs中解释了如何使用label
和input
在不同的行中验证它们,例如
<div class="form-check">
<input class="form-check-input is-invalid" type="radio" value="" id="invalidCheck3" required>
<label class="form-check-label" for="invalidCheck3">
Agree to terms and conditions
</label>
<div class="invalid-feedback">
You must agree before submitting.
</div>
</div>
但就我而言,我无法使用for
中的label
属性,因此,我需要做类似的事情
<div class="form-group">
<div class="form-check">
<label>
<input class="form-check-input is-invalid" type="radio" value="0" name="example" required>
Yes
</label>
</div>
<div class="form-check">
<label>
<input class="form-check-input is-invalid" type="radio" value="1" name="example" required>
No
</label>
<div class="invalid-feedback"> This is the error! </div>
</div>
</div>
要让radio
检查何时单击标签,但是像这样,我无法进行验证工作(label
中的红色,并更改了invalid-feedback
的可见性)
您能推荐我做什么?
非常感谢!