Html.CheckBox событие onclick получает экранированный

Question

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

@Html.CheckBox(string.Format("contentprofilestate[{0}].selected", i), 
    new { onclick = "updateSelected('" + selectedSpanId + "', '" + checkboxClass + "')" }) 

Это производит следующий HTML:

<input id="contentprofilestate_6__selected" name="contentprofilestate[6].selected" 
onclick="updateSelected(&#39;StMarySpan&#39;, &#39;StMaryCheck&#39;)" 
type="checkbox" value="true" /> 

Как я могу получить обработчик события onclick для визуализации без возможности избежать апостроф? Кроме того, есть ли лучший способ выполнить эту задачу (если да, не стесняйтесь использовать jQuery в своем предложении)?

Примечание Re: Lester

Я создал новый проект и создал эту точку зрения и она до сих пор избегали апострофа:

@{ 
    ViewBag.Title = "index"; 
} 

<h2>index</h2> 

@Html.CheckBox(string.Format("contentprofilestate[{0}].selected", 0), new { onclick = "updateSelected('" + "test" + "', '" + "test2" + "')" }) 

Альтернативное решение

Я не был в состоянии выяснить, как сохранить апострофы от экранирования, поэтому я написал некоторую логику jQuery, чтобы делать то, что мне нужно, без встроенного JavaScript:

jQuery(document).ready(function() { 
    jQuery(':checkbox').click(function() { 
     var clientHeader = jQuery(this).closest('.client-header'); 
     var clientCheckedSpan = clientHeader.find('.client-checked'); 
     var inputChecked = clientHeader.find('input:checked'); 
     clientCheckedSpan.text(inputChecked.length); 
    }); 
}); 

Answer 1

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

Что касается других вариантов, вы можете легко получить количество выбранных флажков с помощью JQuery:

var numChecked = $("input:checked[id^=contentprofilestate]").size();