Получить jQuery для обработки события щелчка флажка - PullRequest
Новая
       14

Получить jQuery для обработки события щелчка флажка

0 голосов
/ 27 января 2012

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

Предположим, у нас есть разметка: 

<div>
   <label for="IsRecurring">Is Recurring</label>
</div>
<div>
    <input id="IsRecurring" name="IsRecurring" type="checkbox" value="true">
    <input name="IsRecurring" type="hidden" value="false" />            
</div>

<div id="schedulerTypesList" style="display:none">
    <div>
        <label for="ScheduleTypeId">Schedule</label>
    </div>
    <div class="editor-field">
        <input type="hidden" name="ScheduleTypeId" id="ScheduleTypeId" value="" />

        <ul id="ScheduleTypeIdlist" >
            <li>Once a weel</li>
        </ul>
    </div>
</div>

И JS, прикрепленный к событию document.ready: 

$(document).ready(function() {
     $('#IsRecurring').click(function () {        
        var thisCheck = $(this);
        if (thischeck.is(':checked'))
            $('#schedulerTypesList').show();
        }
        else {
            $('#schedulerTypesList').hide();
        })
    });

Демонстрация в JSFiddle.

Почему событие нажатия флажка не переключает отображение div?

1 Ответ

3 голосов
/ 27 января 2012

Несколько вопросов !! 

$(document).ready(function() {
    $('#IsRecurring').click(function() {
        var thisCheck = $(this);
        if (thisCheck.is(':checked')) { // added this closing bracket
            $('#schedulerTypesList').show();
        }
        else {
            $('#schedulerTypesList').hide();
        } // added this closing bracket
    });
});

Отсутствует скобка после if и thischeck вместо thisCheck и добавлены правильные закрывающие скобки.Рабочая демоверсия: http://jsfiddle.net/manseuk/4DqXv/18/

...