JSFiddle - React, Tailwind, and code Playground
HTML
<input type="checkbox" id="translate">
<a href="/test/url1">Test 1</a>
<a href="/test/url2">Test 2</a>
JavaScript
$('#translate').on('click', function() {
// то что мы добавляем к ссылке
var prefix = 'http://ya.ru'
// Ситуация, когда поставили галочку в чекбоксе
if ($(this).is(':checked') == true) {
// Собираем все ссылки со страницы
$.each($.find('a'), function() {
// Это вариант если пути абсолютные т.е вида http://site.ru/query
var url = $(this).attr('href').replace('http://', '')
// Это вариант если пути начинаются со слэша т.е вида /query
var url = $(this).attr('href')
// Присваиваем ссылкам значение
$(this).attr('href', prefix + url)
})
}
// Ситуация, когда галочку сняли
else {
// Собираем все ссылки со страницы
$.each($.find('a'), function() {
// Это вариант если пути начинаются со слэша т.е вида /query
var url = $(this).attr('href').replace(prefix, '')
// Присваиваем ссылкам значение
$(this).attr('href', url)
})
}
})