チェックボックスがASPXフォームで機能しない

Question

チェックボックスをクリックすると、ティックサインが表示されません。私のコードで何が間違っていますか？

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">..</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="content" Runat="Server"> 

<div class="col1">&nbsp;</div> 
<div class="col2">Password Composition</div> 
<div class="col3">:</div> 
<div id="cb" class="col4"> 
    <input type="checkbox" runat="server"/> 
    Alphabet &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

    <input type="checkbox" runat="server" /> 
    Numeric &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

    <input type="checkbox" runat="server" /> 
    Symbol 
</div> 
</div> 

... </asp:Content> 

<asp:Content ID="Content3" ContentPlaceHolderID="Javascript" Runat="Server">...</asp:Content> 

これは、チェックボックスのための私のCSSです：

input[type="checkbox"], 
input[type="radio"] { 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
     box-sizing: border-box; 
padding: 0; 
cursor: pointer; 
} 

この形式は、マスターページから継承します。 < asp：チェックボックス/>を使用する必要がありますか？しかし私はそれらを使う方法を知らなかった。私の事例に合った事例を教えてください。

Answer 1

私はすでに自分の問題を知っています。下のスクリプトは、マスターページ内で他の要素のクリックイベントの不具合を引き起こしました。私はそれを削除すると、私のチェックボックスが機能しています。

$(document).click(function (e) { 
e.preventDefault(); 
if ($(e.target).parents('.menu-wrapper').length == 0 && $('.menu-wrapper').is(':visible')) 
{ 
$('.menu-wrapper').toggle('slide'); 
return false; 
} 
}); 

皆さんありがとうございます。