我在 React 语义 ui 中有一组 3 个单选按钮。
这工作正常。问题出在 UI 错误中,当我单击其中一个单选按钮时,未选中按钮。
ui错误的截图:
有人知道为什么没有选中按钮吗?
单选按钮代码:
<Form>
<Form.Field>
<Radio
label="New Claims"
name="isTransferred"
value={false}
checked={isTransferred === false}
onChange={this.handleFilterChanged}
/>
</Form.Field>
<Form.Field>
<Radio
label="Transferred Claims"
name="isTransferred"
value={false}
checked={isTransferred === true}
onChange={this.handleFilterChanged}
/>
</Form.Field>
<Form.Field>
<Radio
label="New Claims and Trasferred Claims"
name="isTransferred"
value={'all'}
checked={isTransferred === 'all'}
onChange={this.handleFilterChanged}
/>
</Form.Field>
</Form>
更新:
从浏览器获取的生成的 HTML:
<div class="row">
<form class="ui form" style="padding-left: 3.3em;">
<div class="field">
<label>Assignments:</label>
</div>
<div class="field">
<div class="ui radio checkbox">
<input type="radio" class="hidden" name="isTransferred" readonly="" tabindex="0" value="false">
<label>New Claims</label>
</div>
</div>
<div class="field">
<div class="ui checked radio checkbox">
<input type="radio" class="hidden" name="isTransferred" readonly="" tabindex="0" value="true">
<label>Transferred Claims</label>
</div>
</div>
<div class="field">
<div class="ui radio checkbox">
<input type="radio" class="hidden" name="isTransferred" readonly="" tabindex="0" value="all">
<label>New Claims and Trasferred Claims</label>
</div>
</div>
</form>
最佳答案
标签必须具有“for”属性,以便输入元素对其标签使用react。
“for”属性的值必须是输入元素的“id”。
我相信如果您将“id”属性添加到 Radio 元素,它应该可以工作。
可在此处找到更多信息:HTML element
关于javascript - 单击标签时单选按钮不检查,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55222216/