プログラミングの助け、質問への回答 / Jquery / checkboxlistは1つの項目だけを選択します - jquery、asp.net

チェックリストが1つの項目のみを選択 - jquery、asp.net

からチェックボックスを1つだけ選択しようとしていますリスト。これが私が試みているコードですが、それはうまくいっていないようです。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>

回答：

回答№1は2

チェックボックスは、このタスクには不適切なUI要素です。ユーザーはラジオボタンとチェックボックスに特定の動作を期待しています。混乱しないでください。チェックボックスをラジオボタンのように動作させるよりも、CLEARボタンを追加するほうがよいでしょう。

回答№2の場合は1

これは問題にならないはずです。基本的に一つのアイテムを選択したときは、チェックしたアイテムをすべてクリアしてから現在のアイテムをチェックする必要があります。

このコードを試してください..

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