如何在Modal上显示选中的单选按钮?

阿里亚尼斯·罗德里格斯(ArianisRodriguez)

我有这个编辑模式,当我加载它时,它会加载所有其他字段,单选按钮除外。我尝试使用下面列出的两个命令加载它,但是没有运气。我缺少它才能正常工作吗?

<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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在xamarin上显示显示警报以及是否选中了单选按钮

如何检查单选按钮是否已选中以显示按钮以继续

如何在下一个活动中显示选中的单选按钮标签?

如何在Razor编辑视图中显示选中的单选按钮Asp Net Core MVC

选中单选按钮时如何在html中隐藏和显示输入?

如何以angularJs显示选中的单选按钮值

如何获取选中的单选按钮。显示未定义

当未选中单选按钮时,如何使jQuery警报显示?

如果选中组合单选按钮,如何显示不同的图像?

如何根据以前的值显示选中的单选按钮?

如何选中单选按钮上的计数器?安卓

如何在Android中动态创建选中的单选按钮的ID

如何在JavaScript中使用选中的单选按钮值

如何在javascript中获取选中的单选按钮值

如何在gridview中找到选中的单选按钮?

如何在XAML中更改选中的单选按钮的borderbrush?

如何取消选中单选按钮?

如何确保选中单选按钮

如何在图像上包含单选按钮?

如何在重置其他两个的文本的同时更改选中的单选按钮元素上的文本?

禁用的单选按钮显示为选中状态

选中单选按钮时 Div 不显示

如果选中了单选按钮,则显示div

加载并显示div标签的选中单选按钮

单选按钮未显示为选中状态

Angular - 显示单选按钮的选中值

选中单选按钮时显示表格

显示是否选中了动态单选按钮

选中的jQuery单选按钮仍然显示错误