Передача состояния radiobutton в форму

105
03 марта 2021, 16:50

Всем доброго дня, подскажите я получаю состояние радиобаттонов через следующую конструкцию

$('input:radio[name=radio]').on('change', function () {
    radioValue = $("input[name='radio']:checked").val();
});

Выводя в консоль значение radioValue я получаю правильное изменённое состояние, при передаче его в форму у меня отображается либо состояние которое было при загрузке страницы, либо просто object, каким образом можно передать состояние?

(function(w,d,u,b){w['Bitrix24FormObject']=b;w[b] = w[b] || function(){arguments[0].ref=u;
    (w[b].forms=w[b].forms||[]).push(arguments[0])};
    if(w[b]['forms']) return;
    var s=d.createElement('script');s.async=1;s.src=u+'?'+(1*new Date());
    var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
})(window,document,'https://bistropechat.bitrix24.ru/bitrix/js/crm/form_loader.js','b24form');

b24form({"id":"5","lang":"ru","sec":"uwp5dl","type":"button","click":"", "presets": {"my_cookie1": "ValueChecked: " + radioValue }});
Answer 1

Думаю была ошибка в формировании объекта для передачи в форму.

var output = $('#output'); 
var petTypeChoice; 
var petTypes = $('input:radio[name="pets"]').on('change', changeHandler); 
 
function changeHandler() { 
  petTypeChoice = $(this).val(); 
} 
 
$('button').on('click', submitHandler); 
 
function submitHandler() { 
  output.html(petTypeChoice); 
  var formData = { 
    id: "5", 
    lang: "ru", 
    sec: "uwp5dl", 
    type: "button", 
    click: "", 
    presets: { 
      my_cookie1: { 
        ValueChecked: petTypeChoice 
      } 
    } 
  } 
  console.log(formData); 
}
body { 
  font-family: sans-serif; 
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<label for="dogs">Dogs</label> 
<input type="radio" name="pets" value="dogs"> 
<label for="cats">Cats</label> 
<input type="radio" name="pets" value="cats"> 
<label for="hamsters">Hamsters</label> 
<input type="radio" name="pets" value="hamsters"> 
 
<button>Submit</button> 
 
<div id="output"></div>

READ ALSO
Web Scrapping Node Js

Web Scrapping Node Js

Какую библиотеку можно использовать для скраппинга динамических данных? Например, библиотека request присылает страницу, где еще js скрипты...

84
Gravity forms js API

Gravity forms js API

Всем привет! взял пример с документации: Форма на сайте есть, айди полей и формы указаны правильно, подключен скрипт в functionsphp jquery подключен,...

91
Как использовать WPF в C++ Visual Studio 2019?

Как использовать WPF в C++ Visual Studio 2019?

В Visual Studio есть WPF для C#, но насколько я знаю есть WPF для C++, но никак не могу найти в своей студии данной функцииМожете подсказать как это сделать?

105
Вылетает после ввода символа [закрыт]

Вылетает после ввода символа [закрыт]

Хотите улучшить этот вопрос? Обновите вопрос так, чтобы он вписывался в тематику Stack Overflow на русском

78