Значения радиовхода не заполняются

Question

Я пытаюсь заполнить значения радиовхода на странице, но код, который я использовал ниже, не работает. Он не заполняется, не извлекается и не отображается в базе данных и на первой странице.

$(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>

Answer 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>

Чтобы динамически установить проверенное значение радиогруппы, сначала выберите радиогруппу и укажите ее для радиовхода на основе атрибута data-rel.

var value = 'yes';

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

Answer 2

Я полагаю, что ваша проблема носит синтаксический характер. Если ваш код точно такой же, как у вас выше, вы пропускаете закрывающий }); на вашем $(document).ready(function(){});.

Я воссоздал ваш код в этой скрипке . Кажется, работает, как я понимаю вашу проблему.