Поставте прапорець лише один елемент - jquery, asp.net

Я намагаюся вибрати лише один прапорець ізсписок. Ось код, який я намагаюся, але він, схоже, не працює. Я можу використовувати RadioButtonlist, але він не дозволяє мені знімати вибір перемикача. Будь ласка, дай мені знати.

$(document).ready(function () {
var checkboxlistid = "#<%= chkLst.ClientID %>";
$(checkboxlistid + " input:checkbox").click(function () {
$(this).attr("checked",""); });

});

                    <asp:CheckBoxList ID="chkLst" runat="server" RepeatDirection="Horizontal">
<asp:ListItem Value="U">Unknown</asp:ListItem>
<asp:ListItem Value="R">Ref</asp:ListItem>
</asp:CheckBoxList>

Відповіді:

Поставити прапорець - неправильний елемент інтерфейсу для цього завдання. Користувачі очікують певної поведінки від радіо кнопок і прапорців - не псуйтеся з цим. Ви краще додавати кнопку CLEAR, ніж намагатися змусити прапорці вести себе як радіо кнопки.

Це не повинно бути проблемою. В основному коли ви обираєте один елемент, вам потрібно очистити всі перевірені елементи, а потім перевірити поточний товар.

Спробуйте цей код ..

$(function() {
$("[id*=chkLst] input[type="checkbox"]").on("click" , function(){
// Caching all the checkboxes into a variable
var checkboxes =  $("[id*=chkLst] input[type="checkbox"]");
// If one item is checked.. Uncheck all and
// check current item..
if($(this).is(":checked")){
checkboxes.attr("checked", false);
$(this).attr("checked", "checked");
}
});
});​

Ось робочий приклад .. http://jsfiddle.net/sushanth009/hBSTC/2/