Как добавить радиокнопки в wix и связать каждую радиокнопку со страницей - PullRequest
Новая
       88

Как добавить радиокнопки в wix и связать каждую радиокнопку со страницей

0 голосов
/ 08 мая 2020

Я пытаюсь установить радио-кнопки на wix.com на своем веб-сайте Мой веб-сайт он все еще строится Я пошел поддерживать Wix и ничего не получил. Я пытаюсь сделать радиокнопки и связать каждую радиокнопку со страницей, каждая радиокнопка ссылается на конкретную страницу c. Я пробовал: Html: 

<form>
  <fieldset>
    <legend>Choose your Website</legend>

    <input type="radio" id="youtube" name="monster">
    <label for="youtube">Youtube</label><br />

    <input type="radio" id="google" name="monster">
    <label for="google">Google</label><br />

  </fieldset>
</form>
<button id="go_to_website">
  Go to website
</button>

Javascript: 

$(document).ready(function() {
      $("#go_to_website").click(function(event) {
        var link_id = $("input[name='monster']:checked").attr("id");
        if (link_id) {
          switch (link_id) {
            case "youtube":
              // code block
              window.location.href = 'www.youtube.com';
              break;
            case "google":
              // code block
              window.location.href = 'www.google.com';
              break;
            default:
              // code block
          }
        } else {
          alert("please pick an option")
        }
      })
    });

Вот как это выглядит, кроме шести, и я хочу, чтобы он выглядел лучше https://jsfiddle.net/pc62oL74/4/#

1 Ответ

0 голосов
/ 13 мая 2020

Если вы используете стандартный элемент Wix Radio Button, вы можете взаимодействовать с ним в Corvid, а также использовать функцию WixLocation API .to() для перехода по URL-адресу.

Это будет выглядеть примерно так: 

import wixLocation from 'wix-location';

export function submitButton_click(event) {
    let url = $w('#radioGroup').value;
    console.log(url)
    wixLocation.to(url);
}

где $w('#radioGroup') - стандартный элемент Wix Radio Input, а значения связаны с URL-адресом, по которому вы хотите перейти. Ярлыки могут быть названием веб-сайта, например Youtube или Google в вашем примере. Это можно полностью настроить в среде Drag + Drop или через соединение с базой данных.

...