单选输入值未填充答案

【问题标题】：Radio input values not populating单选输入值未填充
【发布时间】：2018-11-14 20:03:58
【问题描述】：

我正在尝试填充页面上的单选输入值，但我在下面使用的代码不起作用。它不会填充、获取或显示在数据库和首页上。

$(document).ready(function() {
    $('.trigger').click(function() {
      $('.show_field').hide();
      $('.' + $(this).data('rel')).show();
    });
});

.show_field {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="form-group">
  <label class="col-sm-3  control-label">Question here?</label>
  <div class="col-sm-5">
    <label>
            <input type="radio" name="option" class="trigger" data-rel="yes" id="edit_checked" value="Yes" />Yes
        </label>
    <label>
            <input type="radio" name="option" class="trigger" data-rel="no" id="edit_checked" value="No" />No
        </label>
    <label>
            <input type="radio" name="option" class="trigger" data-rel="unknown" id="edit_checked" value="Unknown" />Unknown
        </label>
  </div>
</div>

【问题讨论】：

代码不完整。在上面提供的代码中，没有任何地方可以填充或获取数据。您的代码所做的只是显示给定类名的元素。你没有把整个代码。帮不上忙，抱歉。
您是否在 JavaScript 控制台中看到任何错误？

标签： javascript jquery html forms input

【解决方案1】：

除了您的 HTML 和 JavaScript 不正确之外，我将尝试向您展示如何根据所选值显示和隐藏元素。

$(document).ready(function() {
	$('.trigger').click(function() {
		$('.show_field').hide();
		$('.' + $(this).data('rel')).show();
	});
});

.show_field {display: none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
<label class="col-sm-3  control-label">Question here?</label>
<div class="col-sm-5">
    <label>
        <input type="radio" name="option" class="trigger" data-rel="yes" id="edit_checked" value="Yes" />Yes
    </label>
    <label>
        <input type="radio" name="option" class="trigger" data-rel="no" id="edit_checked" value="No" />No
    </label>
    <label>
        <input type="radio" name="option" class="trigger" data-rel="unknown" id="edit_checked" value="Unknown" />Unknown
    </label>
</div>

<div class="show_field yes">
yes
</div>
<div class="show_field no">
no
</div>
<div class="show_field unknown">
unknown
</div>

要动态设置单选组的选中值，您首先选择单选组并根据数据相关属性使用单选输入指定它。

var value = 'yes';

$("input[name=option][data-rel=" + value + "]").prop('checked', 'checked');

【讨论】：

【解决方案2】：

我相信您遇到的问题本质上是语法问题。如果您的代码与上面的代码完全相同，那么您的 $(document).ready(function(){}); 上的关闭 }); 将丢失。

我在Fiddle 中重新创建了您的代码。据我了解您的问题，它似乎正在工作。

【讨论】：