主页 / 问题 / 1280646
Accepted
Michael Miller
Asked:2022-05-11 18:37:34 +0000 UTC2022-05-11 18:37:34 +0000 UTC

将之前输入的值插入输入

  • 772

有字段

<input type="text" name="name" id="name">
<input type="text" name="surname" id="surname">

还有三个单选按钮

<input type="radio" name="shippingMethod" value="sdek" class="shippingMethod">
<input type="radio" name="shippingMethod" value="rupost" class="shippingMethod">
<input type="radio" name="shippingMethod" value="pickup" class="shippingMethod">

我正在尝试这样做，以便如果选择了取货，则将文本“ pickup”插入姓名和姓氏字段，同时在选择取货之前保存输入的数据，以便如果没有进一步选择取货，然后将之前输入的数据插入到name和surname中。

$(document).on('change', '.shippingMethod', function(){

if($(this).val() == 'pickup'){

var name = $(document).find('#name').val(), //переменная со значением до того как установить значение "самовывоз"
surname = $(document).find('#surname').val(), //переменная со значением до того как установить значение "самовывоз"

$(document).find('#name, #surname').val('Самовывоз');
}

else{

$(document).find('#name').val(name);
$(document).find('#surname').val(surname);


}

)};

问题是如果在点击pickup后点击按钮，之前输入的值（var name, surname）不会被插入。shippingMethod具有不同的值（sdek/rupost）。字段被愚蠢地清除（或插入空值）。

jquery

1 个回答

  1. Best Answer

    输入的值必须保存。最简单的方法可能是直接更改它们。
    当您更改复选框时，拉出这些已保存的复选框。

    $(".fio").keyup(function(){
  $(this).data('value', $(this).val() );
});

$(".shippingMethod").change(function(){
  let v = $(this).val();
  console.log(v);
  
  if(v == 'pickup'){
    $(".fio").val("самовывоз")
  }
  else {
    $(".fio").each(function(){
       $(this).val( $(this).data('value') );
    });
  }
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" name="name" id="name" class="fio">
<input type="text" name="surname" id="surname" class="fio">

<input type="radio" name="shippingMethod" value="sdek" class="shippingMethod">
<input type="radio" name="shippingMethod" value="rupost" class="shippingMethod">
<input type="radio" name="shippingMethod" value="pickup" class="shippingMethod">

    • 0

相关问题