Блог

Главная - Вопросы по программированию - jQuery: как напечатать значение во входных данных?

jQuery: как напечатать значение во входных данных?

#javascript #html #jquery

#javascript #HTML #jquery — запрос

Вопрос:

мой вопрос очень простой, но я не очень хорошо осведомлен о javascript, поэтому у меня есть 5 переключателей (например, рейтинг), и я хочу напечатать значение, когда некоторые из них будут отмечены в поле ввода. В итоге я печатаю его с предупреждением, и это работает, но я хочу напечатать его во входных данных.

   $(document).ready(function(){
        $("input[type='button']").click(function(){
            var radioValue = $("input[name='difficulty']:checked").val();
            if(radioValue){
                alert("Your are a - "   radioValue);
 
            }
        });
    });


    $('.rating-star').on('click', function() {
        $(this).parents('.rating').find('.rating-star').removeClass('checked'); // uncheck previously checked star

        $(this).addClass('checked'); // check currently selected star

        var ratingValue = $(this).attr('data-rating'); // get rating value
        var ratingTarget = $(this).attr('data-target');

        // set the rating value to corresponding target radio input
        $('input[name="'   ratingTarget   '"][value="'   ratingValue   '"]').prop('checked', true);
    });  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<form>
  <label>Question...</label>
  <br>

  <input type="radio" name="difficulty" value="1">
  <input type="radio" name="difficulty" value="2">
  <input type="radio" name="difficulty" value="3">
  <input type="radio" name="difficulty" value="4">
  <input type="radio" name="difficulty" value="5">

  <br>

  <div class="rating">
    <i class="rating-star" data-rating="5" data-target="difficulty"></i>
    <i class="rating-star" data-rating="4" data-target="difficulty"></i>
    <i class="rating-star" data-rating="3" data-target="difficulty"></i>
    <i class="rating-star" data-rating="2" data-target="difficulty"></i>
    <i class="rating-star" data-rating="1" data-target="difficulty"></i>
  </div>
</form>

    <p><input type="button" value="Get Value"></p>
    <input type="text" id="radioBtn" name="printRadio">

Ответ №1:

Попробуйте этот метод и в сценарии печати.

 $(document).ready(function(){
    $("input[type='button']").on('click',function(){
        var radioValue = $("input[name='difficulty']:checked").val();
        if(radioValue){
            //alert("Your are a - "   radioValue);
            $('#radioBtn').val(radioValue);
        }
    });
});