Отображение значения переключателя в javascript после Ajax - PullRequest
Новая
       31

Отображение значения переключателя в javascript после Ajax

0 голосов
/ 21 мая 2019

Я сделал запрос Ajax, и он успешно выполнен в формате JSON, и я хотел, чтобы он отображался в таблице и имел радиокнопку перед каждой таблицей, чтобы в нижней части таблицы отображалась плата за доставку, но проблема Таблица отображает таблицу, но не отображает стоимость доставки в нижней части таблицы? 

$.ajax(ajaxurl,{
      type: 'GET',
      data: { action: 'getImageProduct',value: kukui,value2: barang,},   
      dataType: "json",
      success: function(data){
            var txtHint = document.getElementById('txtHint');
            var meja = '<table border="1"><thead><tr><th>Radio</th><th>Shipping Name</th><th>Shipping Fee</th><th>Shipping Time</th></tr></thead><tbody>';

            $("input[type='radio']").click(function(){
            var radioValue = $("input[name='choose']:checked").val();
            if(radioValue){
                $('#radioresult').val($("[type='radio']:checked").val());

              }
            });

            $.each(data.msg, function(index, value){
                //console.log(index);
                meja += '<tr>';
                meja += '<td><input type="radio" name="choose" value="'+value.shipping_fee+'"></td>';
                meja += '<td>'+value.shipping_name+'</td>';
                meja += '<td>'+value.shipping_fee+'</td>';
                meja += '<td>'+value.shipping_time+'</td>';
                meja += '</tr>';
            });
            meja += '</tbody></table>';
            txtHint.innerHTML = meja;
            //$("#txtHint").append(event_data);
        },

Значение радио ничего не отображает внизу таблицы

1 Ответ

0 голосов
/ 21 мая 2019

Я думаю, вы пропустили селектор input в событии радио click.
А также val для элементов формы.Если вы пытаетесь установить текст <div>, используйте вместо него text.

Измените это: 

$('#radioresult').val($("[type='radio']:checked").val());

На это: 

$('#radioresult').text($("input[type='radio']:checked").val()); // added input selector

Или это тоже будет сделано: 

$('#radioresult').text(radioValue); // use radioValue instead
...