Почему эта функция только войти в консоль после двух кликов?

Question

Почему эта функция только войти в консоль после двух кликов?

0

Эта функция не регистрирует никаких значений после первого щелчка флажка, только со второго щелчка. Может ли кто-нибудь понять, почему?

<script type="text/javascript">
function validateDays() {
    $('#my_div').find('input[type="checkbox"]').click(function () {
        var pass = parseInt($('input[name="other_1"]:checked').val(), 10) // 1, 2, 3
        var days = $('#my_div').find('input[type="checkbox"]:checked').length;
        console.log(days, pass);
        if (days == pass) {
            $('#my_div').find('input[type="checkbox"]').not(':checked').prop('disabled', true);
        }
        else {
            $('#my_div').find('input[type="checkbox"]').not(':checked').prop('disabled', false);
        }
    });
    $('input[name="other_1"]').change(function () {
        $('#my_div').find('input[type="checkbox"]').prop({
            'checked': false,
            'disabled': false
        });
        if (parseInt($(this).val(), 10) == 3) {
            $('#my_div').find('input[type="checkbox"]').prop({
                'checked': true,
                'disabled': false
            });
        }
    });
}
</script>

Консоль не показывает никаких ошибок или предупреждений.

Если вы хотите попробовать код, перейдите по этой ссылке:

https://secure.ukipme.com/forms_conf/mmx14c/conf_form_new.php

(Требуется раздел "Проход в день/день", который вам нужен... выбор правильного количества дней для выбранного типа прохода автоматически отключает другие дни, т.е. Выберите 2-дневный проход, а после того, как вы выбрали два дня, третий флажок отключается. Однако он не работает для сеанса (1 день), пока вы не дважды нажали.

Функция проверки называется onclick, для всех/любых <input name="other_2" type="checkbox" id="other_2" value="YES" onClick="validateDays();">: <input name="other_2" type="checkbox" id="other_2" value="YES" onClick="validateDays();">

mpdc 30 апр. 2014, в 13:02

Источник

1

Когда вызывается функция validateDays ?
Rory McCrossan 30 апр. 2014, в 10:55
0

onclick, на всех / любых <input name="other_2" type="checkbox" id="other_2" value="YES" onClick="validateDays();"> : <input name="other_2" type="checkbox" id="other_2" value="YES" onClick="validateDays();">
mpdc 30 апр. 2014, в 10:55
1

Вам нужно создать минимальный, полный и проверяемый пример
Liam 30 апр. 2014, в 10:56
1

К сожалению, я не могу заставить работать javascript за пределами страницы (то есть в скрипке), так как страница / javascript повсюду настолько сложна. Я потратил много времени, пытаясь, это насколько я получил: jsfiddle.net/6fRPr/3
mpdc 30 апр. 2014, в 10:57
1

Проблема заключается в том, что вы назначаете обработчик щелчков для флажков после того, как они были нажаты в первый раз, и вызывается функция validateDays.
Rory McCrossan 30 апр. 2014, в 10:59
0

при нажатии флажка сначала вызывается validateDays (), а затем вызывается событие click. меня немного смущает @_@ _ @_@ вы не думаете, что вам следует использовать только один из методов validateDays () или click click?
streak 30 апр. 2014, в 10:59
0

Так что мне нужно удалить событие click изнутри функции, как-нибудь?
mpdc 30 апр. 2014, в 11:01
0

Я могу подтвердить, что удаление события click из функции приводит к тому, что это работает, спасибо!
mpdc 30 апр. 2014, в 11:02

Показать ещё 6 комментариев

Теги:

javascript

jquery

1 ответ

Ещё вопросы

Когда вызывается функция validateDays ?
onclick, на всех / любых <input name="other_2" type="checkbox" id="other_2" value="YES" onClick="validateDays();"> : <input name="other_2" type="checkbox" id="other_2" value="YES" onClick="validateDays();">
Вам нужно создать минимальный, полный и проверяемый пример
К сожалению, я не могу заставить работать javascript за пределами страницы (то есть в скрипке), так как страница / javascript повсюду настолько сложна. Я потратил много времени, пытаясь, это насколько я получил: jsfiddle.net/6fRPr/3
Проблема заключается в том, что вы назначаете обработчик щелчков для флажков после того, как они были нажаты в первый раз, и вызывается функция validateDays.
при нажатии флажка сначала вызывается validateDays (), а затем вызывается событие click. меня немного смущает @_@ _ @_@ вы не думаете, что вам следует использовать только один из методов validateDays () или click click?
Так что мне нужно удалить событие click изнутри функции, как-нибудь?
Я могу подтвердить, что удаление события click из функции приводит к тому, что это работает, спасибо!

Liam · Accepted Answer · 2014-04-30T09-12-00.000Z

С кодом

<input name="other_2" type="checkbox" id="other_2" value="YES" onClick="validateDays();">

Обработчик кликов не регистрируется, пока вы его не нажмете. Если вы привяжете это к готовому, а:

$(document).ready(function() {
    $('#my_div').find('input[type="checkbox"]').click(function () {
        var pass = parseInt($('input[name="other_1"]:checked').val(), 10) // 1, 2, 3
        var days = $('#my_div').find('input[type="checkbox"]:checked').length;
        console.log(days, pass);
        if (days == pass) {
            $('#my_div').find('input[type="checkbox"]').not(':checked').prop('disabled', true);
        }
        else {
            $('#my_div').find('input[type="checkbox"]').not(':checked').prop('disabled', false);
        }
    });
    $('input[name="other_1"]').change(function () {
        $('#my_div').find('input[type="checkbox"]').prop({
            'checked': false,
            'disabled': false
        });
        if (parseInt($(this).val(), 10) == 3) {
            $('#my_div').find('input[type="checkbox"]').prop({
                'checked': true,
                'disabled': false
            });
        }
    });
});

затем удалите onclick:

<input name="other_2" type="checkbox" id="other_2" value="YES">

как $(..).click(); Является ли это.