CheckBoxList javascript problem

Hi

I’m creating a search page that enables the user to make multi choices.

So I have to do it with CheckBoxList

like that

<asp:CheckBoxList ID=”CheckBoxList1″ runat=”server”>
<asp:ListItem Value=”0″>None</asp:ListItem>
<asp:ListItem Value=”1″>English</asp:ListItem>
<asp:ListItem Value=”2″>German</asp:ListItem>
<asp:ListItem Value=”3″>French</asp:ListItem>
</asp:CheckBoxList>

what I want is when I click on “None” option it clears all other options

and if I click on any other option like (“English” or “German” or “French”) it clears the “None” option

I have 5 CheckBoxLists on my page

and I Work under MasterPage

I had this code with jquery but I don’t know what the problem here

<asp:Content ID=”Content1″ ContentPlaceHolderID=”ContentPlaceHolder1″ Runat=”Server”>

<script src=”http://code.jquery.com/jquery-latest.js”></script>
<script type=”text/javascript”>
//function doHourglass() { document.body.style.cursor = ‘wait’; }
$(document).ready(function(){
$(“INPUT[name=’CheckBoxList1′]”).click(function(){
if($(this).is(‘:checked’)){
if($(this).val()==”0″){
$(“INPUT[name=’CheckBoxList1′]”).each(function(){
if($(this).val()!=”0″){ $(this).attr(‘checked’,false); }
});
}
else
{
$(“INPUT[name=’CheckBoxList1′]:first”).attr(‘checked’,false);
}
}
});
});
</script>

<asp:CheckBoxList ID=”CheckBoxList1″ runat=”server” >
<asp:ListItem Value=”0″>None</asp:ListItem>
<asp:ListItem Value=”1″>English</asp:ListItem>
<asp:ListItem Value=”2″>German</asp:ListItem>
<asp:ListItem Value=”3″>French</asp:ListItem>
</asp:CheckBoxList>

</asp:Content>

please could you help me to find the problem

Your help will be appreciated

Also in #JavaScript _↴