我有这个编辑模式,当我加载它时,它会加载所有其他字段,单选按钮除外。我尝试使用下面列出的两个命令加载它,但是没有运气。我缺少它才能正常工作吗?
<div class="text-center">
<div class="w3-row">
<label for="event_category">Event Category:</label>
<input class="w3-radio" type="radio" name="event_category" id="event-category" value="C">
<label>Competition</label>
<input class="w3-radio" type="radio" name="event_category" id="event-category" value="F">
<label>Fundraiser</label>
<br>
<input class="w3-radio" type="radio" name="event_category" id="event-category" value="P">
<label>Practice</label>
<input class="w3-radio" type="radio" name="event_category" id="event-category" value="O">
<label>Other</label>
</div>
</div>
$('#event_category').prop('checked',event.event_category);
$('#event_category').val("input[name='radio']:checked");
每个输入元素都需要唯一的ID。(在任何HTML文档中都不应重复ID)。
<div class="text-center">
<div class="w3-row">
<label for="event_category">Event Category:</label>
<input class="w3-radio" type="radio" name="event_category" id="event-category-C" value="C">
<label>Competition</label>
<input class="w3-radio" type="radio" name="event_category" id="event-category-F" value="F">
<label>Fundraiser</label>
<br>
<input class="w3-radio" type="radio" name="event_category" id="event-category-P" value="P">
<label>Practice</label>
<input class="w3-radio" type="radio" name="event_category" id="event-category-O" value="O">
<label>Other</label>
</div>
</div>
可以通过ID查询所需的单选按钮并将其设置为选中状态。
$("#event-category-P").prop("checked", true);
例如,如果event_category
变量中有值,则可以将其附加到选择器:
let event_category = 'P';
$("#event-category-" + event_category).prop("checked", true);
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句