Добавить обработчик, обработанный флажком на стороне клиента, на вид Razor

Question

Следующая разметка создает флажок ввода типа с id="IsRecurring", когда в браузере отправляется представление Razor.

<div class="editor-label"> 
    @Html.LabelFor(model => model.IsRecurring) 
</div> 

<div class="editor-field"> 
    @{ 
     @Html.EditorFor(model => model.IsRecurring) 
    } 
</div> 

Мне нужно показать/скрыть другой блок разметки, в зависимости от установленного состояния флажка.

Какой способ Самый лучший способ MVC3?

Мой план должен пойти с добавлением следующего сценария выше DIV:

<script type="text/javascript"> 
    $("#IsRecurring").click(function() { 
     do show hide; 
    }); 
</script> 

Где подходящее место в моей разметке, чтобы поместить сценарий? Есть ли лучший способ установить ссылку IsReccuring, а не знать, какой идентификатор у него будет заблаговременно?

Answer 1

как скрыть/показать это поведение я хотел бы использовать сценарий, добавив класс в флажком:

@Html.CheckBoxFor(model => model.IsRecurring, new {@class "recurring"}) 


//event 
$(".recurring input:checkbox").click(function() { 
        //hide/show 
       }); 

Answer 2

Вы можете попробовать так:

@Html.CheckBoxFor(model => model.IsRecurring, new {onchange = "checkedChanged"}) 

//JS 
var checkedChanged = function() { 
    alert("checkedChanged"); 
} 

Answer 3

Вы также можете попробовать:

$('#checkboxId').click(function() { 
    //add code here 
    });