复选框无法以ASPX格式运行

时间:2016-12-09 06:04:04

标签: c# asp.net

单击复选框时,没有勾号。我的代码出了什么问题?

<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;
}

此表单继承自母版页。我应该使用&lt; asp:Checkbox /&gt; ?但我不知道如何使用它们。请给我一个适合我案例的例子。

1 个答案:

答案 0 :(得分:0)

我已经知道我的问题了。下面的脚本,在母版页内导致其他元素的点击事件故障。当我删除它时,我的复选框正在运行。

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

感谢大家的帮助。