リピーターでチェックされているチェックボックスは1つだけです

Question

すべてのアイテムに1つのチェックボックスがあるリピーターがあります。私は一度に1つだけチェックしたいと思う。

チェックボックスはasp：checkboxです。違いがあるかどうかわかりません。 私はいくつかのjqueryを試しましたが、動作しないようです。

<asp:Repeater runat="server" DataSourceID="SqlDataSource1" ID="repeater1"> 
    <ItemTemplate> 
    <asp:CheckBox ID="CheckBox1" runat="server" OnCheckedChanged="CheckBox1_CheckedChanged" Checked='<%# Eval("carousel_check")%>'/> 
</ItemTemplate> 
</asp:Repeater> 

私はチェックボックスにcssclass（checked_button）とこのスクリプトを指定しようとしました。

$(document).ready(function() { 
     $('.checked_button').change(function() { 
      if ($(this).is(':checked')) { 
       $('.radio-similar').not(this).removeAttr('checked'); 
      }; 
     }); 
    }); 

Answer 1

ASP.Netチェックボックスはスパンタグ内に表示されます。

<span class="checked_button"> 
    <input id="MainContent_Repeater1_CheckBox1_2" 
    type="checkbox" name="ctl00$MainContent$Repeater1$ctl02$CheckBox1"> 
</span> 

セレクタは.checked_button inputである必要があります。その後、すべてのチェックボックスをオフにして、クリックされたイベントだけをチェックします。

$(function() { 
    $(".checked_button input").click(function() { 
     $('.checked_button input').attr("checked", false); 
     $(this).prop("checked", true); 
    }); 
});