Radio Button Name Изменение

Question

Я создал 2 радиокнопку

<input type="radio" name="ApprovalGroup" runat="server" id="ApprovedOnly" value="true" />Approved 
<input type="radio" name="ApprovalGroup" runat="server" id="UnapprovedOnly" value="false" />Unapproved 

И был в состоянии получить доступ к ним из JS с $("input[name=ApprovalGroup]:checked").val() Но мне нужно, чтобы добавить runat="server", чтобы я мог получить доступ к радиокнопке в коде позади.

Проблема, с которой я столкнулся, - это изменение названия радио кнопки из-за владельца места содержания. Я использую ClientIDMode="Static", но он защищает только значение id, а не имя. Радиокнопка отображается как

<input value="true" name="ctl00$cphContent$ApprovalGroup" type="radio" id="ApprovedOnly" />Approved 
<input value="false" name="ctl00$cphContent$ApprovalGroup" type="radio" id="UnapprovedOnly" />Unapproved 

Возможно ли предотвратить изменение названия?

Answer 1

Вы можете использовать $= селектор, который выбирает атрибуты, значения которых заканчиваются заданной подстроки:

$("input[name$=ApprovalGroup]:checked") 

Answer 2

.NET хочет имя для своих собственных целей, но это не мешает вам за помощью CSS имя класса для вашего.

Таким образом, вы можете использовать $('.classname').val(). Вы можете использовать отдельные имена классов для полей или делиться ими для создания групп.

Answer 3

$("input[name*=ApprovalGroup]:checked") 

- хорошее решение, но если есть другой ввод, содержащий эти слова, то это может быть конфликт. Настолько более безопасное решение - использовать свой собственный атрибут. такие как;

<input type="radio" name="ApprovalGroup" data-group="group1" runat="server" id="ApprovedOnly" value="true" />Approved 
<input type="radio" name="ApprovalGroup" data-group="group1" runat="server" id="UnapprovedOnly" value="false" />Unapproved 

затем используйте фильтр ниже;

$("input[data-group='group1']:checked")