复选框在 ASPX 表单中不起作用答案

【问题标题】：Checkbox not functioning in ASPX form复选框在 ASPX 表单中不起作用
【发布时间】：2016-12-09 06:04:04
【问题描述】：

当我点击复选框时，没有勾号。我的代码有什么问题？

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

此表单继承自母版页。我应该使用吗？但我不知道如何使用它们。请给我一个适合我的案例的例子。

【问题讨论】：

请检查是不是某些 css 导致了这个？
这不是 aspx 复选框，这是正常的 html。使用因为您也在使用 runat=server ...
这是我的复选框，@leopard。这里有什么问题吗？输入[type="checkbox"], input[type="radio"] { -webkit-box-sizing:border-box; -moz-box-sizing：边框框； box-sizing：边框框；填充：0；光标：指针； }
“请给我一个适合我情况的示例。如果我的代码有误，请更正它。” 这是一个帮助您解决特定问题的社区（请参阅How to Ask)，而不是为您修复代码。您要求修复的方式听起来很粗鲁，请考虑编辑它。无论如何，希望有人能给您一个全面的答案，帮助您修复代码，但请不要指望任何人为您修复代码。
好的。谢谢你提醒我，@paul。

标签： c# asp.net

【解决方案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;
}
});

感谢大家的帮助。

【讨论】：