Копируем содержимое одного текстового поля в другое спомощью JavaScript & jQuery


00:48, 21/03/2018

jQuery

// Webform Order copy address
var addrReg = ("#edit-submitted-adres-registraci"); // Адрес регистрации
var addrObj = ("#edit-submitted-adres-obekta-nedvizhimosti"); // Адрес объекта недвижимости
var addrCopy = ('input[name="submitted[adres_registracii_sovpadaet_s_adresom_obekta_nedvizhimosti][addr_copy]"]'); // Адрес регистрации совпадает с адресом объекта недвижимости

$(addrCopy).change(function() { 
    if ($(addrCopy).is(':checked')) { 
    $(addrObj).val($(addrReg).val());
    $(addrObj).attr('readonly', true);
    // alert('checked!');
}
else if (!$(addrCopy).is(':checked')) {
    $(addrObj).attr('readonly', false).val("");
    // alert('unchecked!');
    } else {
    alert('shit happens =(');
    }
});

JavaScript

В данном варианте поле, куда мы копируем информацию принимает значение readonly. При снятии checkbox'a, поле вновь становится доступным и его value удаляется.
Обратите внимание, что событие onClick="uncheck(); check(); ..." может принимать сколько угодно функций.

function check() {
    var n1 = document.getElementById("sender_address"); 
    var n2 = document.getElementById("home_address");
    
    if (document.getElementById("copy_address").checked == true) {
    n2.value = n1.value;
    document.getElementById("home_address").readOnly = true;
    }
}
function uncheck() {
    if (document.getElementById("copy_address").checked == false) {
    document.getElementById("home_address").value = '';
    document.getElementById("home_address").readOnly = false;
    }
}
...


Адрес проживания совпадает с адресом запрашиваемой информации.
...


Комментарии