/ / checkboxlist seleccione solo un elemento - jquery, asp.net

checkboxlist seleccione solo un elemento - jquery, asp.net

Estoy tratando de seleccionar sólo una casilla de verificación de lalista. Aquí está el código que estoy intentando pero no parece estar funcionando. Puedo usar RadioButtonlist pero no me permite deseleccionar el botón de opción. Por favor hagamelo saber.

$(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>

Respuestas

2 para la respuesta № 1

Una casilla de verificación es el elemento UI incorrecto para esta tarea. Los usuarios esperan cierto comportamiento fuera de los botones de radio y las casillas de verificación. No se meta con eso. Es mejor que agregue un botón BORRAR que intentar que las casillas de verificación se comporten como botones de radio.


1 para la respuesta № 2

Eso no debería ser un problema ... Básicamente, cuando selecciona un elemento, debe borrar todos los elementos marcados y luego verificar el elemento actual.

Prueba este código ..

$(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");
}
});
});​

Aquí hay un ejemplo de trabajo. http://jsfiddle.net/sushanth009/hBSTC/2/