Выполнить другое событие в зависимости от переключателя, отмеченного в jquery - PullRequest
Новая
       9

Выполнить другое событие в зависимости от переключателя, отмеченного в jquery

0 голосов
/ 27 февраля 2020

Я сделал переключатель в форме.
Когда я нажимаю кнопку отправки, я хочу запустить скрипт, когда выбрана кнопка 1,
, и я хочу отправить на другую страницу (например, предыдущую страницу) без запуска скрипта, когда выбрана кнопка 2.

Может ли сценарий не выполняться в зависимости от выбора переключателя?

html

<form class="submit-form" action="" method="post" >
    // other input tag

    <p><strong>Radio Button</strong></p>
    <div class="custom-control custom-radio">
        <input type="radio" name="option" id="option-1" class="custom-control-input" value="T" checked>
        <label class="custom-control-label" for="option-1">Radio Button 1</label>
    </div>
    <div class="custom-control custom-radio">
        <input type="radio" name="option" id="option-2" class="custom-control-input" value="F">
        <label class="custom-control-label" for="option-2">Radio Button 2</label>
    </div>

    <button type="submit">Submit</button>
</form>

script 

<script>
    $(function () {
    var TEMP = window.TEMP;
    TEMP.init('test');
        $('.submit-form').on('submit', function (e) {
            // my logic
        });
    });
</script>

1 Ответ

1 голос
/ 27 февраля 2020

Похоже, простое выражение if сделает это за вас: 

<script>
    $(function () {
    var TEMP = window.TEMP;
    TEMP.init('test');
        $('.submit-form').on('submit', function (e) {
            // Evaluate whether or not the radio button is checked and do the things
            let radio1 = $("#option-1");
            if (radio1.is(":checked"))
            {
                // Execute the method you want.
                doFoo();
            }
            else
            {
                // Redirect
                location.href = "new/url/goes/here";
            }
        });
    });
</script>
...